管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

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

　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

　　<STYLE type=text/css>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%

　　}

　　</STYLE>

　　<BODY>

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

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

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

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

　　}

　　hey();

　　}

　　function hey(){

　　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)+')';

　　}

　　a+=ai;

　　time++;

　　if(time<dur){

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

　　}else{

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

　　}

　　again();

　　</SCRIPT>

　　</BODY></HTML>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<HTML><HEAD><TITLE>精灵'S blog</TITLE> 
<META http-equiv=Content-Type content="text/html; charset=gb2312"> 
<STYLE type=text/css>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% 
} 
</STYLE>

</BODY></HTML>

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

教程首页更多教程

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

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