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

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

精灵'S blog

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%
}

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;i100){
n=Math.floor(n/w);
}
k=Math.random()*2.0+0.3;
if(Math.random()

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

赞 (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/

  • 建议大家看下JavaScript重要知识更新

    http://developer.mozilla.org/en/ ... _Language_Resourceshttp://developer.mozilla.org/en/docs/About_JavaScript http://developer.mozilla.org/en/docs/New_in_JavaScript_1.7http://translate.google.com/tran ... window%3D1%26sa%3DG http://www.mozilla.org/js

  • 一个牛人给Java初学者的建议(必看篇)

    一个牛人给Java初学者的建议(必看篇)

    给初学者之一:浅谈Java及应用学java 从不知java为何物到现在一个小小的j2ee项目经理虽说不上此道高手,大概也算有点斤两了吧每次上网,泡bbs逛论坛,没少去java相关的版 面总体感觉初学者多,高手少,精通的更少由于我国高等教育制度教材陈旧,加上java自身发展不过十年左右的时间还有一个很重要的原因就是java这门语 言更适合商业应用所以高校里大部分博士老师们对此语言的了解甚至不比本科生多在这种环境下,很多人对java感到茫然,不知所措,不懂java能做什么即 便知道了java很有用,

  • jQuery插件multiScroll实现全屏鼠标滚动切换页面特效

    jQuery插件multiScroll实现全屏鼠标滚动切换页面特效

    经常看到在一些产品介绍页,看到全屏滚动的特效,今天推荐款jQuery插件给大家,jQuery全屏鼠标滚动切换页面特效插件multiScroll.js,支持众多的参数自定义配置,scrollingSpeed:切换速度.easing:动画效果.navigation:false是否出现导航,还支持事件Callback函数调用,onLeave.afterLoad等,效果还是和不错的,浏览器兼容方面:IE8, 9, Opera 12.以及现代的浏览器,需要浏览器支持CSS3属性,推荐学习和使用. 使用方法

  • ChatGPT帮我看下这段代码有什么问题

    目录 前言 问题分析 问题复现 问题原因 问题解决 ChatGPT 分析 ChatGPT 分析代码 ChatGPT 实现功能 总结 附录:ChatGPT 写代码测试 问1 问2 问3 本文 Github.com/niumoo/JavaNotes 和 未读代码博客 已经收录,有很多系列文章. 今天一个很简单的功能,触发了一个 BUG,处理后我想起了最近爆火的 ChatGPT,于是我尝试测试 ChatGPT 能否发现这个 BUG.这篇文章会先介绍功能代码,然后手动分析 BUG 原因:接着测试 Cha

  • 推荐9款炫酷的基于jquery的页面特效

    推荐9款炫酷的基于jquery的页面特效

    1.基于jquery实现的带按钮的图片左右滚动切换 jquery带按钮的图片滚动切换代码是一款jquery制作带按钮的图片左右滚动切换特效代码 在线演示 源码下载 2.基于jQuery的图片上下左右无缝连续循环滚动 imgscroll插件是一款支持图片焦点滚动(支持渐变和滚动),图片连续无缝循环滚动的js库,依赖于jQuery图片无缝连续循环滚动 支持上下左右的滚动. 在线演示 源码下载 3.jquery实现的fixed固定层时间轴动态效果 jquery实现的fixed固定层时间轴动态效果源码,

  • 防范ASP木马的十大基本原则强列建议看下

    由于ASP它本身是服务器提供的一项服务功能,特别是最近由dvbbs的upfile文件出现漏洞以来,其高度的隐蔽性和难查杀性,对网站的安全造成了严重的威胁.因此针对ASP木马的防范和清除,为网管人员提出了更高的技术要求. 几个大的程序全部被发现存在上传漏洞,小程序更是不计其数,让asp木马一下占据了主流,得到广泛的使用,想必如果你是做服务器的话,一定为此头疼不止吧,特别是虚拟主机的用户都遇到过网页被篡改.数据被删除的经历,事后除了对这种行径深恶痛绝外,许多客户又苦于没有行之有效的防范措施.鉴于大部

  • 不错显示时间特效

    setInterval("document.getElementById('jb51').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 注意用了document.getElementById,兼容firefox浏览器

  • 不错的文字特效，逐字变色效果

    <font color="#669900" style="font-weight:bolder;letter-spacing: 2px;"><script language="JavaScript"> text = "www.jb51.net"; color1 = "green";  color2 = "red"; speed = 200;  i = 0; if 

  • 推荐大家看下GGAD会议归来话总结

    上个月底前,连续二次接到北京GGAD客服中心的MM打来的电话,邀请我参加7.2号星期一GGAD在南京的站长大会,虽然我们这离南京有三个多小时的车程,而且星期一是正常上班,还要迎接公司新上任的老总讲话,但为了能一睹GGAD中国团队的风采和GGAD的精神,而且作为GGAD在04年初进入中国后第一批申请adsense的老站长,考虑过后还是决定请假去参加这次大会!        7.2号上午,向朋友借了辆轿车,冒着大雨,驱车赶往南京,中午12点左右到达了金陵饭店三层的GG会议厅,由于参加会议的都必须要有

随机推荐