首页 网页制作网络编程脚本专栏数据库网站运营网络安全平面设计CMS教程

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

所属分类： 网络编程 / JavaScript 阅读数： 1396
收藏 0 赞 0 分享
<!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">&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需再刷新一下页面才能执行]
更多精彩内容其他人还在看

layui table 复选框跳页后再回来保持原来选中的状态示例

今天小编就为大家分享一篇layui table 复选框跳页后再回来保持原来选中的状态示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Vue-Cli项目优化操作的实现

这篇文章主要介绍了Vue-Cli项目优化操作,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题

这篇文章主要介绍了解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题,本文给大家总结的非常详细，需要的朋友可以参考下
收藏 0 赞 0 分享

vue 父组件通过v-model接收子组件的值的代码

这篇文章主要介绍了vue 父组件通过v-model接收子组件的值的代码,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
收藏 0 赞 0 分享

vue 全局环境切换问题

小编在开发使经常会碰到全局切换问题，今天小编给大家带来一篇教程给大家介绍vue 全局环境切换问题，感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

element-ui 本地化使用教程详解

这篇文章主要介绍了element-ui 本地化使用教程详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

在Vue项目中,防止页面被缩放和放大示例

今天小编就为大家分享一篇在Vue项目中,防止页面被缩放和放大示例，具有很好的参考 价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue h5移动端禁止缩放代码

今天小编就为大家分享一篇vue h5移动端禁止缩放代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Vue 3.0双向绑定原理的实现方法

这篇文章主要为大家详细介绍了Vue 3.0双向绑定原理的实现方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

nest.js 使用express需要提供多个静态目录的操作方法

这篇文章主要介绍了nest.js 使用express需要提供多个静态目录的操作，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享
查看更多

网络赚钱

更多

站长故事

更多
建站极客
合作伙伴
在线工具
建站极客移动版
聚合全网技术文章，根据你的阅读喜好进行个性推荐
© 2012 - 2020 zhanzhang360.cn Some Rights Reserved.
沪ICP备13040166号-22