当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 非常不错的页面特效 建议大家看下

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

2019年08月01日  | 移动技术网IT编程  | 我要评论
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<!-- saved from url=(0021)http://www.fuckhacker.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 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>

[ctrl+a 全选 注:如需引入外部js需刷新才能执行]

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网