站长资源 网络编程

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

整理:jimmy2026/8/5浏览2次

简介精灵'S blog</</div> <div class="news_infos"><div id="MyContent"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <BR> <BR><HTML><HEAD><TITLE>精灵'S blog</TITLE> <BR><META http-equiv=Content-Type content="text/html; charset=gb2312"> <BR><STYLE type=text/css>BODY { <BR> FONT-FAMILY: "Courier New", "Courier", monospace; BACKGROUND-COLOR: black <BR>} <BR>A { <BR> COLOR: #000000; BACKGROUND-COLOR: #88ff88; TEXT-DECORATION: none <BR>} <BR>A:hover { <BR> COLOR: #88ff88; BACKGROUND-COLOR: #000000 <BR>} <BR>.ik { <BR> LEFT: 50%; POSITION: absolute; TOP: 50%; BACKGROUND-COLOR: #000000; moz-border-radius: 50%; border-radius: 50% <BR>} <BR></STYLE> <br><br><META content="MSHTML 6.00.3790.1830" name=GENERATOR></HEAD> <BR><BODY> <BR><P style="TEXT-ALIGN: center"></P> <BR><DIV class=ik id=ik0></DIV> <BR><DIV class=ik id=ik1></DIV> <BR><DIV class=ik id=ik2></DIV> <BR><DIV class=ik id=ik3></DIV> <BR><DIV class=ik id=ik4></DIV> <BR><DIV class=ik id=ik5></DIV> <BR><DIV class=ik id=ik6></DIV> <BR><DIV class=ik id=ik7></DIV> <BR><DIV class=ik id=ik8></DIV> <BR><DIV class=ik id=ik9></DIV> <BR><DIV class=ik id=ik10></DIV> <BR><DIV class=ik id=ik11></DIV> <BR><DIV class=ik id=ik12></DIV> <BR><DIV class=ik id=ik13></DIV> <BR><DIV class=ik id=ik14></DIV> <BR><DIV class=ik id=ik15></DIV> <BR><DIV class=ik id=ik16></DIV> <BR><DIV class=ik id=ik17></DIV> <BR><DIV class=ik id=ik18></DIV> <BR><DIV class=ik id=ik19></DIV> <BR><DIV class=ik id=ik20></DIV> <BR><DIV class=ik id=ik21></DIV> <BR><DIV class=ik id=ik22></DIV> <BR><DIV class=ik id=ik23></DIV> <BR><DIV class=ik id=ik24></DIV> <BR><DIV class=ik id=ik25></DIV> <BR><DIV class=ik id=ik26></DIV> <BR><DIV class=ik id=ik27></DIV> <BR><DIV class=ik id=ik28></DIV> <BR><DIV class=ik id=ik29></DIV> <BR><DIV class=ik id=ik30></DIV> <BR><DIV class=ik id=ik31></DIV> <BR><DIV class=ik id=ik32></DIV> <BR><DIV class=ik id=ik33></DIV> <BR><DIV class=ik id=ik34></DIV> <BR><DIV class=ik id=ik35></DIV> <BR><DIV class=ik id=ik36></DIV> <BR><DIV class=ik id=ik37></DIV> <BR><DIV class=ik id=ik38></DIV> <BR><DIV class=ik id=ik39></DIV> <BR><DIV class=ik id=ik40></DIV> <BR><DIV class=ik id=ik41></DIV> <BR><DIV class=ik id=ik42></DIV> <BR><DIV class=ik id=ik43></DIV> <BR><DIV class=ik id=ik44></DIV> <BR><DIV class=ik id=ik45></DIV> <BR><DIV class=ik id=ik46></DIV> <BR><DIV class=ik id=ik47></DIV> <BR><DIV class=ik id=ik48></DIV> <BR><DIV class=ik id=ik49></DIV> <BR><DIV class=ik id=ik50></DIV> <BR><DIV class=ik id=ik51></DIV> <BR><DIV class=ik id=ik52></DIV> <BR><DIV class=ik id=ik53></DIV> <BR><DIV class=ik id=ik54></DIV> <BR><DIV class=ik id=ik55></DIV> <BR><DIV class=ik id=ik56></DIV> <BR><DIV class=ik id=ik57></DIV> <BR><DIV class=ik id=ik58></DIV> <BR><DIV class=ik id=ik59></DIV> <BR><DIV class=ik id=ik60></DIV> <BR><DIV class=ik id=ik61></DIV> <BR><DIV class=ik id=ik62></DIV> <BR><DIV class=ik id=ik63></DIV> <BR><DIV class=ik id=ik64></DIV> <BR><DIV class=ik id=ik65></DIV> <BR><DIV class=ik id=ik66></DIV> <BR><DIV class=ik id=ik67></DIV> <BR><DIV class=ik id=ik68></DIV> <BR><DIV class=ik id=ik69></DIV> <BR><DIV class=ik id=ik70></DIV> <BR><DIV class=ik id=ik71></DIV> <BR><DIV class=ik id=ik72></DIV> <BR><DIV class=ik id=ik73></DIV> <BR><DIV class=ik id=ik74></DIV> <BR><DIV class=ik id=ik75></DIV> <BR><DIV class=ik id=ik76></DIV> <BR><DIV class=ik id=ik77></DIV> <BR><DIV class=ik id=ik78></DIV> <BR><DIV class=ik id=ik79></DIV> <BR><DIV class=ik id=ik80></DIV> <BR><DIV class=ik id=ik81></DIV> <BR><DIV class=ik id=ik82></DIV> <BR><DIV class=ik id=ik83></DIV> <BR><DIV class=ik id=ik84></DIV> <BR><DIV class=ik id=ik85></DIV> <BR><DIV class=ik id=ik86></DIV> <BR><DIV class=ik id=ik87></DIV> <BR><DIV class=ik id=ik88></DIV> <BR><DIV class=ik id=ik89></DIV> <BR><DIV class=ik id=ik90></DIV> <BR><DIV class=ik id=ik91></DIV> <BR><DIV class=ik id=ik92></DIV> <BR><DIV class=ik id=ik93></DIV> <BR><DIV class=ik id=ik94></DIV> <BR><DIV class=ik id=ik95></DIV> <BR><DIV class=ik id=ik96></DIV> <BR><DIV class=ik id=ik97></DIV> <BR><DIV class=ik id=ik98></DIV> <BR><DIV class=ik id=ik99></DIV> <BR><SCRIPT type=text/javascript> <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> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <BR><P style="TEXT-ALIGN: center"> </P> <br><br></BODY></HTML> <BR><TEXTAREA id="runcode90493"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>精灵'S blog

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：javascript Zifa FormValid 0.1表单验证代码打包下载

下一篇：用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口

站长资源网络编程

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

最新资源

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