搜索

首页  >  文章  >  web前端  >  非常不错的页面特效 建议大家看下_典型特效

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

WBOY
WBOY原创
2016-05-16 19:12:491432浏览

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

精灵'S blog










































































































<script> <BR>var r; <BR>var a; <BR>var ai; <BR>var n; <BR>var w; <BR>var k; <BR>var inter; <BR>var period=20000; <BR>var dur; <BR>var hdur2; <BR>var hdur; <BR>var z; <BR>var nn; <BR>var donut; <BR>var time; <BR>var id = new Array(); <BR>for(i=0;i<100;i++){ <BR> id[i]=document.getElementById('ik'+i); <BR>} <br><br>function again(){ <BR> if(id){ <BR> for(i=0;i<100;i++){ <BR> id[i].style.backgroundColor='rgb(0,0,0)'; <BR> } <BR> } <BR> r=0; <BR> a=0; <BR> ai=Math.random()/5.0-0.1; <BR> n=Math.floor(Math.random()*17)+3; <BR> w=Math.floor(Math.random()*11)+1; <BR> if(n*w>100){ <BR> n=Math.floor(n/w); <BR> } <BR> k=Math.random()*2.0+0.3; <BR> if(Math.random()<0.5) k=-k; <BR> inter=1+Math.floor(Math.random()*125); <BR> dur = Math.floor(period/inter); <BR> hdur2=dur*dur/4; <BR> hdur = dur/2; <BR> z=2*Math.PI/(n*(1+Math.random()/10)); <BR> nn=Math.floor(Math.random()*n)+1; <BR> donut=Math.random()*10.0-5.0; <BR> time=0; <BR> for(i=0;i<n*w;i++){ <BR> id[i].style.backgroundColor='rgb(' <BR> +Math.round(64+Math.random()*191)+',' <BR> +Math.round(64+Math.random()*191)+',' <BR> +Math.round(64+Math.random()*191)+')'; <BR> } <BR> hey(); <BR>} <br><br><BR>function hey(){ <BR> for(i=0;i<n*w;i++){ <BR> tt=time-hdur; <BR> blah=(Math.sqrt(hdur2-tt*tt)/dur) * (donut+65*Math.cos(k*a+z*i/nn)); <BR> L=blah*Math.cos(i*z+a); <BR> T=blah*Math.sin(i*z+a); <BR> id[i].style.left=Math.round((50+L)*10)/10+'%'; <BR> id[i].style.top =Math.round((50+T)*10)/10+'%'; <BR> id[i].style.width=Math.sqrt(4+Math.floor(L*L+T*T))+"px"; <BR> id[i].style.height=Math.sqrt(4+Math.floor(L*L+T*T))+"px"; <BR> if(Math.random()<0.01){ <BR> id[i].style.backgroundColor='rgb(' <BR> +Math.round(64+Math.random()*191)+',' <BR> +Math.round(64+Math.random()*191)+',' <BR> +Math.round(64+Math.random()*191)+')'; <BR> } <BR> } <BR> a+=ai; <BR> time++; <BR> if(time<dur){ <BR> setTimeout('hey();',inter); <BR> }else{ <BR> setTimeout('again();',inter); <BR> } <BR>} <BR>again(); <BR></script>

 


 


 


 


 


 


 


 


 


 


 


 


 


 


 





声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
上一篇：javascript Zifa FormValid 0.1表单验证 代码打包下载_表单特效下一篇：Javascript & DHTML 实例编程（教程）基础知识_基础知识

相关文章

查看更多