⿊客⼊侵效果⽹页html,满屏绿字滑下效果
⿊客⼊侵效果⽹页html代码
效果如下图:
想要改变绿⾊的字就把下⾯代码中的编程ID改成你想要的就⾏,复制代码粘贴⽂本⽂档,改后缀名为html即可。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
*{box-sizing: border-box;}
body{
background: #000;
margin:0;
padding:0;
overflow: hidden;
text-shadow:0px 0px 80px;
}
h1{
margin:0;
padding:0;
color: #0ff;
}
a{color: #fff;}
/
* 盒⼦↓ */
p{
margin:0;
}
.box{
/* 盒⼦宽度↓ ---最好别改*/
width:700px;
/* 让视频居中对齐↓---最好别动 */
text-align: center;
/* border: 1px solid #f00; */
color: #fff;
position: absolute;
margin:20px auto0;
top:20px;
left:0;
right:0;
}
/* 图⽚样式↓ */
img{
/* 视频宽度↓ ---最好不要⼤于上⾯盒⼦的宽度*/
width:700px;
height:390px;
/
* 灰⾊的描边↓ ---px是粗细 solid是实线 #555是颜⾊代码可以百度html颜⾊代码修改*/ border:2px solid #222;
/* 图⽚的圆⾓ */
border-radius:5px;
/* 动画时间 */
transition:0.8s;
}
.img2:hover{border:2px solid #980b18}
.box>div{
padding:20px;
/* border: 1px solid #f00; */
}
.szj{
position: absolute;
top:0;
left:0;
color: #fff;
padding:5px;
border:1px solid #eee;
background-color:rgb(0,0,0,0.7)
}
.yl{
免费crmdisplay:inline;
html个人网页完整代码怎么看border-bottom:1px dotted #0ff;
}
.yl a{
text-decoration: none;
color:#c6d491;
}
.yl span{
margin-right:8px;
}
</style>
</head>
nodejs怎么解决中文乱码<body>
<canvas id="canvas"></canvas>
<h1></h1>
<br>
<!--⾳乐部分-->
<embed height="0" width="0" src="m.ximalaya/sound/477877435"></embed> <!--以下js -->
<script>
var canvas = ElementById('canvas');
var ctx = Context('2d');
canvas.height = window.innerHeight;
canvas.width = window.innerWidth;
// 下⾯的雷军就是代码⾬的⽂字
var texts ='编程ID'.split('');
var fontSize =16;
var columns = canvas.width/fontSize;
// ⽤于计算输出⽂字时坐标,所以长度即为列数
var drops =[];
//初始值
for(var x =0; x < columns; x++){
drops[x]=1;
}
function draw(){
/
/让背景逐渐由透明到不透明
ctx.fillStyle ='rgba(0, 0, 0, 0.05)';
ctx.fillRect(0,0, canvas.width, canvas.height);
//⽂字颜⾊
ctx.fillStyle ='#0F0';
ctx.font = fontSize +'px arial';
//逐⾏输出⽂字
for(var i =0; i < drops.length; i++){
dedecms实战var text = texts[Math.floor(Math.random()*texts.length)];
ctx.fillText(text, i*fontSize, drops[i]*fontSize);
if(drops[i]*fontSize > canvas.height || Math.random()>0.95){ drops[i]=0;
}
drops[i]++;
}
}
setInterval(draw,33);
</script>
</body>
</html>
sqldata数据库下载>replace数组方法喜欢的点个赞再⾛呗!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论