最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

非常不错的页面特效建议大家看下_典型特效

来源:动视网 责编:小采 时间:2020-11-27 20:37:13
文档

非常不错的页面特效建议大家看下_典型特效

非常不错的页面特效建议大家看下_典型特效: 精灵'S blog BODY { FONT-FAMILY: Courier New, Courier, monospace; BACKGROUND-COLOR: black } A { COLOR: #000000; BACKGROUND-COLOR: #88ff88; TEXT-DECORATION: none } A:hover {
推荐度:
导读非常不错的页面特效建议大家看下_典型特效: 精灵'S blog BODY { FONT-FAMILY: Courier New, Courier, monospace; BACKGROUND-COLOR: black } A { COLOR: #000000; BACKGROUND-COLOR: #88ff88; TEXT-DECORATION: none } A:hover {




精灵'S blog









































































































var r;
var a;
var ai;
var n;
var w;
var k;
var inter;
var period=20000;
var dur;
var hdur2;
var hdur;
var z;
var nn;
var donut;
var time;
var id = new Array();
for(i=0;i<100;i++){
id[i]=document.getElementById('ik'+i);
}

function again(){
if(id){
for(i=0;i<100;i++){
id[i].style.backgroundColor='rgb(0,0,0)';
}
}
r=0;
a=0;
ai=Math.random()/5.0-0.1;
n=Math.floor(Math.random()*17)+3;
w=Math.floor(Math.random()*11)+1;
if(n*w>100){
n=Math.floor(n/w);
}
k=Math.random()*2.0+0.3;
if(Math.random()<0.5) k=-k;
inter=1+Math.floor(Math.random()*125);
dur = Math.floor(period/inter);
hdur2=dur*dur/4;
hdur = dur/2;
z=2*Math.PI/(n*(1+Math.random()/10));
nn=Math.floor(Math.random()*n)+1;
donut=Math.random()*10.0-5.0;
time=0;
for(i=0;i id[i].style.backgroundColor='rgb('
+Math.round(+Math.random()*191)+','
+Math.round(+Math.random()*191)+','
+Math.round(+Math.random()*191)+')';
}
hey();
}


function hey(){
for(i=0;i tt=time-hdur;
blah=(Math.sqrt(hdur2-tt*tt)/dur) * (donut+65*Math.cos(k*a+z*i/nn));
L=blah*Math.cos(i*z+a);
T=blah*Math.sin(i*z+a);
id[i].style.left=Math.round((50+L)*10)/10+'%';
id[i].style.top =Math.round((50+T)*10)/10+'%';
id[i].style.width=Math.sqrt(4+Math.floor(L*L+T*T))+"px";
id[i].style.height=Math.sqrt(4+Math.floor(L*L+T*T))+"px";
if(Math.random()<0.01){
id[i].style.backgroundColor='rgb('
+Math.round(+Math.random()*191)+','
+Math.round(+Math.random()*191)+','
+Math.round(+Math.random()*191)+')';
}
}
a+=ai;
time++;
if(time setTimeout('hey();',inter);
}else{
setTimeout('again();',inter);
}
}
again();

















[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

文档

非常不错的页面特效建议大家看下_典型特效

非常不错的页面特效建议大家看下_典型特效: 精灵'S blog BODY { FONT-FAMILY: Courier New, Courier, monospace; BACKGROUND-COLOR: black } A { COLOR: #000000; BACKGROUND-COLOR: #88ff88; TEXT-DECORATION: none } A:hover {
推荐度:
标签: 特效 大家 网页
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top