手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >非常不错的页面特效 建议大家看下
非常不错的页面特效 建议大家看下
摘要:精灵'SblogBODY{FONT-FAMILY:"CourierNew","Courier",monospace;BACKGROUND-C...

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">

<>

<HTML><HEAD><TITLE>精灵'Sblog</TITLE>

<METAhttp-equiv=Content-Typecontent="text/html;charset=gb2312">

<STYLEtype=text/css>BODY{

FONT-FAMILY:"CourierNew","Courier",monospace;BACKGROUND-COLOR:black

}

A{

COLOR:#000000;BACKGROUND-COLOR:#88ff88;TEXT-DECORATION:none

}

A:hover{

COLOR:#88ff88;BACKGROUND-COLOR:#000000

}

.ik{

LEFT:50%;POSITION:absolute;TOP:50%;BACKGROUND-COLOR:#000000;moz-border-radius:50%;border-radius:50%

}

</STYLE>

<METAcontent="MSHTML6.00.3790.1830"name=GENERATOR></HEAD>

<BODY>

<Pstyle="TEXT-ALIGN:center"></P>

<DIVclass=ikid=ik0></DIV>

<DIVclass=ikid=ik1></DIV>

<DIVclass=ikid=ik2></DIV>

<DIVclass=ikid=ik3></DIV>

<DIVclass=ikid=ik4></DIV>

<DIVclass=ikid=ik5></DIV>

<DIVclass=ikid=ik6></DIV>

<DIVclass=ikid=ik7></DIV>

<DIVclass=ikid=ik8></DIV>

<DIVclass=ikid=ik9></DIV>

<DIVclass=ikid=ik10></DIV>

<DIVclass=ikid=ik11></DIV>

<DIVclass=ikid=ik12></DIV>

<DIVclass=ikid=ik13></DIV>

<DIVclass=ikid=ik14></DIV>

<DIVclass=ikid=ik15></DIV>

<DIVclass=ikid=ik16></DIV>

<DIVclass=ikid=ik17></DIV>

<DIVclass=ikid=ik18></DIV>

<DIVclass=ikid=ik19></DIV>

<DIVclass=ikid=ik20></DIV>

<DIVclass=ikid=ik21></DIV>

<DIVclass=ikid=ik22></DIV>

<DIVclass=ikid=ik23></DIV>

<DIVclass=ikid=ik24></DIV>

<DIVclass=ikid=ik25></DIV>

<DIVclass=ikid=ik26></DIV>

<DIVclass=ikid=ik27></DIV>

<DIVclass=ikid=ik28></DIV>

<DIVclass=ikid=ik29></DIV>

<DIVclass=ikid=ik30></DIV>

<DIVclass=ikid=ik31></DIV>

<DIVclass=ikid=ik32></DIV>

<DIVclass=ikid=ik33></DIV>

<DIVclass=ikid=ik34></DIV>

<DIVclass=ikid=ik35></DIV>

<DIVclass=ikid=ik36></DIV>

<DIVclass=ikid=ik37></DIV>

<DIVclass=ikid=ik38></DIV>

<DIVclass=ikid=ik39></DIV>

<DIVclass=ikid=ik40></DIV>

<DIVclass=ikid=ik41></DIV>

<DIVclass=ikid=ik42></DIV>

<DIVclass=ikid=ik43></DIV>

<DIVclass=ikid=ik44></DIV>

<DIVclass=ikid=ik45></DIV>

<DIVclass=ikid=ik46></DIV>

<DIVclass=ikid=ik47></DIV>

<DIVclass=ikid=ik48></DIV>

<DIVclass=ikid=ik49></DIV>

<DIVclass=ikid=ik50></DIV>

<DIVclass=ikid=ik51></DIV>

<DIVclass=ikid=ik52></DIV>

<DIVclass=ikid=ik53></DIV>

<DIVclass=ikid=ik54></DIV>

<DIVclass=ikid=ik55></DIV>

<DIVclass=ikid=ik56></DIV>

<DIVclass=ikid=ik57></DIV>

<DIVclass=ikid=ik58></DIV>

<DIVclass=ikid=ik59></DIV>

<DIVclass=ikid=ik60></DIV>

<DIVclass=ikid=ik61></DIV>

<DIVclass=ikid=ik62></DIV>

<DIVclass=ikid=ik63></DIV>

<DIVclass=ikid=ik64></DIV>

<DIVclass=ikid=ik65></DIV>

<DIVclass=ikid=ik66></DIV>

<DIVclass=ikid=ik67></DIV>

<DIVclass=ikid=ik68></DIV>

<DIVclass=ikid=ik69></DIV>

<DIVclass=ikid=ik70></DIV>

<DIVclass=ikid=ik71></DIV>

<DIVclass=ikid=ik72></DIV>

<DIVclass=ikid=ik73></DIV>

<DIVclass=ikid=ik74></DIV>

<DIVclass=ikid=ik75></DIV>

<DIVclass=ikid=ik76></DIV>

<DIVclass=ikid=ik77></DIV>

<DIVclass=ikid=ik78></DIV>

<DIVclass=ikid=ik79></DIV>

<DIVclass=ikid=ik80></DIV>

<DIVclass=ikid=ik81></DIV>

<DIVclass=ikid=ik82></DIV>

<DIVclass=ikid=ik83></DIV>

<DIVclass=ikid=ik84></DIV>

<DIVclass=ikid=ik85></DIV>

<DIVclass=ikid=ik86></DIV>

<DIVclass=ikid=ik87></DIV>

<DIVclass=ikid=ik88></DIV>

<DIVclass=ikid=ik89></DIV>

<DIVclass=ikid=ik90></DIV>

<DIVclass=ikid=ik91></DIV>

<DIVclass=ikid=ik92></DIV>

<DIVclass=ikid=ik93></DIV>

<DIVclass=ikid=ik94></DIV>

<DIVclass=ikid=ik95></DIV>

<DIVclass=ikid=ik96></DIV>

<DIVclass=ikid=ik97></DIV>

<DIVclass=ikid=ik98></DIV>

<DIVclass=ikid=ik99></DIV>

<SCRIPTtype=text/javascript>

varr;

vara;

varai;

varn;

varw;

vark;

varinter;

varperiod=20000;

vardur;

varhdur2;

varhdur;

varz;

varnn;

vardonut;

vartime;

varid=newArray();

for(i=0;i<100;i++){

id[i]=document.getElementById('ik'+i);

}

functionagain(){

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<n*w;i++){

id[i].style.backgroundColor='rgb('

+Math.round(64+Math.random()*191)+','

+Math.round(64+Math.random()*191)+','

+Math.round(64+Math.random()*191)+')';

}

hey();

}

functionhey(){

for(i=0;i<n*w;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(64+Math.random()*191)+','

+Math.round(64+Math.random()*191)+','

+Math.round(64+Math.random()*191)+')';

}

}

a+=ai;

time++;

if(time<dur){

setTimeout('hey();',inter);

}else{

setTimeout('again();',inter);

}

}

again();

</SCRIPT>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

<Pstyle="TEXT-ALIGN:center"></P>

</BODY></HTML>

精灵'S blog BODY { FONT-FAMILY: "Courier New", "Courier", monospace; BACKGROUND-COLOR: black } A { COLOR: #000000; BACKGROUND-COLOR: #88ff88; TEXT-DECORATION: none } A:hover { COLOR: #88ff88; BACKGROUND-COLOR: #000000 } .ik { LEFT: 50%; POSITION: absolute; TOP: 50%; BACKGROUND-COLOR: #000000; moz-border-radius: 50%; border-radius: 50% }

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

【非常不错的页面特效 建议大家看下】相关文章:

javascript组合使用构造函数模式和原型模式实例

JS实现简单路由器功能的方法

javascript常用的方法分享

JQuery中clone方法复制节点

下拉菜单的简易制作

如何制作浮动广告

一段实时更新的时间代码

简单实用的网页表格特效

网页常用特效代码整理

JavaScript获取并更改input标签name属性的方法

精品推荐
分类导航