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


答案：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<!-- saved from url=(0021)http://www.易做图hacker.net/ --> 
<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> 

<META content="MSHTML 6.00.3790.1830" name=GENERATOR></HEAD> 
<BODY> 
<P style="TEXT-ALIGN: center"></P> 
<DIV class=ik id=ik0></DIV> 
<DIV class=ik id=ik1></DIV> 
<DIV class=ik id=ik2></DIV> 
<DIV class=ik id=ik3></DIV> 
<DIV class=ik id=ik4></DIV> 
<DIV class=ik id=ik5></DIV> 
<DIV class=ik id=ik6></DIV> 
<DIV class=ik id=ik7></DIV> 
<DIV class=ik id=ik8></DIV> 
<DIV class=ik id=ik9></DIV> 
<DIV class=ik id=ik10></DIV> 
<DIV class=ik id=ik11></DIV> 
<DIV class=ik id=ik12></DIV> 
<DIV class=ik id=ik13></DIV> 
<DIV class=ik id=ik14></DIV> 
<DIV class=ik id=ik15></DIV> 
<DIV class=ik id=ik16></DIV> 
<DIV class=ik id=ik17></DIV> 
<DIV class=ik id=ik18></DIV> 
<DIV class=ik id=ik19></DIV> 
<DIV class=ik id=ik20></DIV> 
<DIV class=ik id=ik21></DIV> 
<DIV class=ik id=ik22></DIV> 
<DIV class=ik id=ik23></DIV> 
<DIV class=ik id=ik24></DIV> 
<DIV class=ik id=ik25></DIV> 
<DIV class=ik id=ik26></DIV> 
<DIV class=ik id=ik27></DIV> 
<DIV class=ik id=ik28></DIV> 
<DIV class=ik id=ik29></DIV> 
<DIV class=ik id=ik30></DIV> 
<DIV class=ik id=ik31></DIV> 
<DIV class=ik id=ik32></DIV> 
<DIV class=ik id=ik33></DIV> 
<DIV class=ik id=ik34></DIV> 
<DIV class=ik id=ik35></DIV> 
<DIV class=ik id=ik36></DIV> 
<DIV class=ik id=ik37></DIV> 
<DIV class=ik id=ik38></DIV> 
<DIV class=ik id=ik39></DIV> 
<DIV class=ik id=ik40></DIV> 
<DIV class=ik id=ik41></DIV> 
<DIV class=ik id=ik42></DIV> 
<DIV class=ik id=ik43></DIV> 
<DIV class=ik id=ik44></DIV> 
<DIV class=ik id=ik45></DIV> 
<DIV class=ik id=ik46></DIV> 
<DIV class=ik id=ik47></DIV> 
<DIV class=ik id=ik48></DIV> 
<DIV class=ik id=ik49></DIV> 
<DIV class=ik id=ik50></DIV> 
<DIV class=ik id=ik51></DIV> 
<DIV class=ik id=ik52></DIV> 
<DIV class=ik id=ik53></DIV> 
<DIV class=ik id=ik54></DIV> 
<DIV class=ik id=ik55></DIV> 
<DIV class=ik id=ik56></DIV> 
<DIV class=ik id=ik57></DIV> 
<DIV class=ik id=ik58></DIV> 
<DIV class=ik id=ik59></DIV> 
<DIV class=ik id=ik60></DIV> 
<DIV class=ik id=ik61></DIV> 
<DIV class=ik id=ik62></DIV> 
<DIV class=ik id=ik63></DIV> 
<DIV class=ik id=ik64></DIV> 
<DIV class=ik id=ik65></DIV> 
<DIV class=ik id=ik66></DIV> 
<DIV class=ik id=ik67></DIV> 
<DIV class=ik id=ik68></DIV> 
<DIV class=ik id=ik69></DIV> 
<DIV class=ik id=ik70></DIV> 
<DIV class=ik id=ik71></DIV> 
<DIV class=ik id=ik72></DIV> 
<DIV class=ik id=ik73></DIV> 
<DIV class=ik id=ik74></DIV> 
<DIV class=ik id=ik75></DIV> 
<DIV class=ik id=ik76></DIV> 
<DIV class=ik id=ik77></DIV> 
<DIV class=ik id=ik78></DIV> 
<DIV class=ik id=ik79></DIV> 
<DIV class=ik id=ik80></DIV> 
<DIV class=ik id=ik81></DIV> 
<DIV class=ik id=ik82></DIV> 
<DIV class=ik id=ik83></DIV> 
<DIV class=ik id=ik84></DIV> 
<DIV class=ik id=ik85></DIV> 
<DIV class=ik id=ik86></DIV> 
<DIV class=ik id=ik87></DIV> 
<DIV class=ik id=ik88></DIV> 
<DIV class=ik id=ik89></DIV> 
<DIV class=ik id=ik90></DIV> 
<DIV class=ik id=ik91></DIV> 
<DIV class=ik id=ik92></DIV> 
<DIV class=ik id=ik93></DIV> 
<DIV class=ik id=ik94></DIV> 
<DIV class=ik id=ik95></DIV> 
<DIV class=ik id=ik96></DIV> 
<DIV class=ik id=ik97></DIV> 
<DIV class=ik id=ik98></DIV> 
<DIV class=ik id=ik99></DIV> 
<SCRIPT type=text/javascript> 
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)+',' 
            +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)+',' 
                +Math.round(64+Math.random()*191)+')'; 
        } 
    } 
    a+=ai; 
    time++; 
    if(time<dur){ 
        setTimeout('hey();',inter); 
    }else{ 
        setTimeout('again();',inter); 
    } 
} 
again(); 
</SCRIPT> 
<P style="TEXT-ALIGN: center"> </P> 
<P style="TEXT-ALIGN: center"> </P> 
<P style="TEXT-ALIGN: center"> </P> 
<P style="TEXT-ALIGN: center"> </P> 
<P style="TEXT-ALIGN: center"> </P> 
<P style="TEXT-ALIGN: center"> </P> 
<P st
上一个：JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子
下一个：Javascript & DHTML 实例编程（教程）（三）初级实例篇1—上传文件控件实例
更多图片编程知识:
非常不错的页面特效 建议大家看下

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