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

站长资源 2024/11/30 佚名

2 0 1

<!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>

<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 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 style="TEXT-ALIGN: center"> </P>
<P style="TEXT-ALIGN: center"> </P>
<P style="TEXT-ALIGN: center"> </P>

</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> <META content="MSHTML 6.00.3790.1830" name=GENERATOR></HEAD> <BODY> <P style="TEXT-ALIGN: center"></P>                                                                                                      <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> <P style="TEXT-ALIGN: center">&nbsp;</P> </BODY></HTML>

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

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

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“非常不错的页面特效建议大家看下”

暂无评论...

www.wwsws.com 伏龙阁资源网

39,976影音资源

44,792技术资源

21,817软件资源

651,128站长资源

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

javascript Zifa FormValid 0.1表单验证代码打包下载

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

评论“非常不错的页面特效建议大家看下”

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

更新日志

友情链接

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

javascript Zifa FormValid 0.1表单验证 代码打包下载

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

评论“非常不错的页面特效 建议大家看下”

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

更新日志

友情链接

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

javascript Zifa FormValid 0.1表单验证代码打包下载

评论“非常不错的页面特效建议大家看下”

RTX 5090要首发性能要翻倍！三星展示GDDR7显存