<<  [转]菜鸟创建优秀网页的6个好习惯 | 首 页 | [转]给网页上的对象加上一个智能说明框  >>

  • 2007-10-20网页特效代码---- 鼠标环绕三条彩色光束 - [代码]

    鼠标环绕三条彩色光束
    <body bgcolor="#000000">
    <script language="JavaScript">
    <!--
    //Choose colours and size of effect !!
    var a_Colour='fff000';
    var b_Colour='00ff00';
    var c_Colour='ff00ff';
    var Size=120;
    //Alter nothing below !!

    var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;
    if (document.layers){
    window.captureEvents(Event.MOUSEMOVE);
    function nsMouse(evnt){
    xpos = window.pageYOffset+evnt.pageX+6;
    ypos = window.pageYOffset+evnt.pageY+16;
    }
    window.onMouseMove = nsMouse;
    }
    else if (document.all)
    {
    function ieMouse(){
    xpos = document.body.scrollLeft+event.x+6;
    ypos = document.body.scrollTop+event.y+16;
    }
    document.onmousemove = ieMouse;
    }

    function swirl(){
    for (i = 0; i < 3; i++)
     {
     YDummy=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
     XDummy=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
     }
    ThisStep+=step;
    setTimeout('swirl()',10);
    }

    var amount=10;
    if (document.layers){
    for (i = 0; i < amount; i++)
    {
    document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');
    document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');
    document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');
    }
    }
    else if (document.all){
    document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
    +'<div id="IDiv" style="position:relative">');
    for (i = 0; i < amount; i++)
    {
    document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');
    document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');
    document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');
    }
    document.write('</div></div>');
    }
    function prepos(){
    var ntscp=document.layers;
    var msie=document.all;
    if (document.layers){
    for (i = 0; i < amount; i++)
    {
     if (i < amount-1)
     {
     ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
     ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
     ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
     }
    else  
     {
     ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
     ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
     ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
     }
    }
    }
    else if (document.all){
    for (i = 0; i <  amount; i++)
    {
     if (i < amount-1)
     {
     msie.x.style.top=msie.x[i+1].style.top;msie.x.style.left=msie.x[i+1].style.left;
     msie.y.style.top=msie.y[i+1].style.top;msie.y.style.left=msie.y[i+1].style.left;
     msie.z.style.top=msie.z[i+1].style.top;msie.z.style.left=msie.z[i+1].style.left;
     }
    else
     {
     msie.x.style.top=YDummy[0];msie.x.style.left=XDummy[0];
     msie.y.style.top=YDummy[1];msie.y.style.left=XDummy[1];
     msie.z.style.top=YDummy[2];msie.z.style.left=XDummy[2];
     }
    }
    }
    setTimeout("prepos()",10);
    }
    function Start(){
    swirl(),prepos()
    }
    window.onload=Start;
    // -->
    </script>

    随机文章：





    更多信息：

    适配广告

    收藏本文

    推荐本文

    Feed订阅

    本文推介

    收藏到: 百度收藏 QQ书签 雅虎收藏 Google书签 新浪ViVi 365Key 天极网摘 POCO网摘 Yodao书签 和讯网摘 我摘网 Mr.Wong Del.icio.us Windows Live Favorites 推荐到: Diglog发现 我挖网 digg发现 收客推荐 板砖推荐 订阅到: 抓虾阅读 鲜果阅读 Google reader 有道阅读 和讯博览 哪吒提醒 My Yahoo Pageflakes Rojo阅读 Netvibes Newsgator Bloglines Windows Live

    Tag: 网页特效代码 鼠标环绕三条彩色光束 网页 特效代码 鼠标 环绕三条彩色光束
    引用地址:
    Evan 发表于19:00:30 | 编辑 | 继续话题 | 转发 | 推荐 |

发表评论

您将收到博主的回复邮件
记住我
如果您觉得本站不错，请收藏或订阅本站Feed，以获取最新资讯