您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 鼠标特效 >

    跟随鼠标的漂亮时钟

    时间:2013-05-09 10:12 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印
    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
    跟随鼠标的漂亮时钟

    跟随鼠标的时钟,外面一层是系统日期,还带旋转效果。

    <html>
    <head>
    <meta name="keywords" content="站长,网页特效,js特效,广告代码,codesocang,codesocang.com,sky,www.codesocang.com,源码搜藏网" />
    <meta name="description" content="www.codesocang.com,源码搜藏网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在源码搜藏网" />
    <title>跟随鼠标的漂亮时钟,sky整理收集,codesocang.com欢饮您。</title>
    </head>
    <BODY>
    <a href="<#ZC_BLOG_HOST#>">源码搜藏网</a>,站长必备的高质量网页特效和广告代码。codesocang.com,站长js特效。<hr>
    <!--欢迎来到源码搜藏网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.codesocang.com,codesocang@msn.com,用.net打造靓站-->
    <SCRIPT language=JavaScript>
    <!--
        dCol = "0000FF"
        fCol = "FF0000"
        sCol = "00FF00"
        mCol = "000000"
        hCol = "000000"
        ClockHeight = 40;
        ClockWidth = 40;
        ClockFromMouseY = 0;
        ClockFromMouseX = 100;
        d = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
        m = new Array("1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月");
        date = new Date();
        day = date.getDate();
        year = date.getYear();
        if (year < 2000) year = year + 1900;
        TodaysDate = "年 " + m[date.getMonth()] + " " + day + "日 " + d[date.getDay()] + " " + year;
        D = TodaysDate.split('');
        H = '...';
        H = H.split('');
        M = '....';
        M = M.split('');
        S = '.....';
        S = S.split('');
        Face = '1 2 3 4 5 6 7 8 9 10 11 12';
        font = 'Arial';
        size = 1;
        speed = 0.6;
        ns = (document.layers);
        ie = (document.all);
        Face = Face.split(' ');
        n = Face.length;
        a = size * 10;
        ymouse = 0;
        xmouse = 0;
        scrll = 0;
        props = "<font face=" + font + " size=" + size + " color=" + fCol + ">";
        props2 = "<font face=" + font + " size=" + size + " color=" + dCol + ">";
        Split = 360 / n;
        Dsplit = 360 / D.length;
        HandHeight = ClockHeight / 4.5
        HandWidth = ClockWidth / 4.5
        HandY = -7;
        HandX = -2.5;
        scrll = 0;
        step = 0.06;
        currStep = 0;
        y = new Array(); x = new Array(); Y = new Array(); X = new Array();
        for (i = 0; i < n; i++) { y[i] = 0; x[i] = 0; Y[i] = 0; X[i] = 0 }
        Dy = new Array(); Dx = new Array(); DY = new Array(); DX = new Array();
        for (i = 0; i < D.length; i++) { Dy[i] = 0; Dx[i] = 0; DY[i] = 0; DX[i] = 0 }
        if (ns)
        {
            for (i = 0; i < D.length; i++)
                document.write('<layer name="nsDate' + i + '" top=0 left=0 height=' + a + ' width=' + a + '><center>' + props2 + D[i] + '</font></center></layer>');
            for (i = 0; i < n; i++)
                document.write('<layer name="nsFace' + i + '" top=0 left=0 height=' + a + ' width=' + a + '><center>' + props + Face[i] + '</font></center></layer>');
            for (i = 0; i < S.length; i++)
                document.write('<layer name=nsSeconds' + i + ' top=0 left=0 width=15 height=15><font face=Arial size=3 color=' + sCol + '><center><b>' + S[i] + '</b></center></font></layer>');
            for (i = 0; i < M.length; i++)
                document.write('<layer name=nsMinutes' + i + ' top=0 left=0 width=15 height=15><font face=Arial size=3 color=' + mCol + '><center><b>' + M[i] + '</b></center></font></layer>');
            for (i = 0; i < H.length; i++)
                document.write('<layer name=nsHours' + i + ' top=0 left=0 width=15 height=15><font face=Arial size=3 color=' + hCol + '><center><b>' + H[i] + '</b></center></font></layer>');
        } //欢迎来到源码搜藏网,我们的网址是www.codesocang.com,很好记,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
        if (ie)
        {
            document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
            for (i = 0; i < D.length; i++)
                document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:' + a + ';width:' + a + ';text-align:center">' + props2 + D[i] + '</font></div>');
            document.write('</div></div>');
            document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
            for (i = 0; i < n; i++)
                document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:' + a + ';width:' + a + ';text-align:center">' + props + Face[i] + '</font></div>');
            document.write('</div></div>');
            document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
            for (i = 0; i < H.length; i++)
                document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:' + hCol + ';text-align:center;font-weight:bold">' + H[i] + '</div>');
            document.write('</div></div>');
            document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
            for (i = 0; i < M.length; i++)
                document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:' + mCol + ';text-align:center;font-weight:bold">' + M[i] + '</div>'); //欢迎来到源码搜藏网,我们的网址是www.codesocang.com,很好记,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
            document.write('</div></div>')
            document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
            for (i = 0; i < S.length; i++)
                document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:' + sCol + ';text-align:center;font-weight:bold">' + S[i] + '</div>');
            document.write('</div></div>')
        }
        (ns) ? window.captureEvents(Event.MOUSEMOVE) : 0;
        function Mouse(evnt)
        {
            ymouse = (ns) ? evnt.pageY + ClockFromMouseY - (window.pageYOffset) : event.y + ClockFromMouseY;
            xmouse = (ns) ? evnt.pageX + ClockFromMouseX : event.x + ClockFromMouseX;
        }
        (ns) ? window.onMouseMove = Mouse : document.onmousemove = Mouse;
        function ClockAndAssign()
        {
            time = new Date();
            secs = time.getSeconds();
            sec = -1.57 + Math.PI * secs / 30;
            mins = time.getMinutes();
            min = -1.57 + Math.PI * mins / 30;
            hr = time.getHours();
            hrs = -1.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes()) / 360;
            if (ie)
            {
                Od.style.top = window.document.body.scrollTop;
                Of.style.top = window.document.body.scrollTop;
                Oh.style.top = window.document.body.scrollTop;
                Om.style.top = window.document.body.scrollTop;
                Os.style.top = window.document.body.scrollTop;
            }
            for (i = 0; i < n; i++)
            {
                var F = (ns) ? document.layers['nsFace' + i] : ieFace[i].style;
                F.top = y[i] + ClockHeight * Math.sin(-1.0471 + i * Split * Math.PI / 180) + scrll;
                F.left = x[i] + ClockWidth * Math.cos(-1.0471 + i * Split * Math.PI / 180);
            }
            for (i = 0; i < H.length; i++)
            {
                var HL = (ns) ? document.layers['nsHours' + i] : ieHours[i].style;
                HL.top = y[i] + HandY + (i * HandHeight) * Math.sin(hrs) + scrll;
                HL.left = x[i] + HandX + (i * HandWidth) * Math.cos(hrs);
            }
            for (i = 0; i < M.length; i++)
            {
                var ML = (ns) ? document.layers['nsMinutes' + i] : ieMinutes[i].style;
                ML.top = y[i] + HandY + (i * HandHeight) * Math.sin(min) + scrll;
                ML.left = x[i] + HandX + (i * HandWidth) * Math.cos(min);
            }
            for (i = 0; i < S.length; i++)
            {
                var SL = (ns) ? document.layers['nsSeconds' + i] : ieSeconds[i].style;
                SL.top = y[i] + HandY + (i * HandHeight) * Math.sin(sec) + scrll;
                SL.left = x[i] + HandX + (i * HandWidth) * Math.cos(sec);
            }
            for (i = 0; i < D.length; i++)
            {
                var DL = (ns) ? document.layers['nsDate' + i] : ieDate[i].style;
                DL.top = Dy[i] + ClockHeight * 1.5 * Math.sin(currStep + i * Dsplit * Math.PI / 180) + scrll;
                DL.left = Dx[i] + ClockWidth * 1.5 * Math.cos(currStep + i * Dsplit * Math.PI / 180);
            }
            currStep -= step;
        }
        function Delay()
        {
            scrll = (ns) ? window.pageYOffset : 0;
            Dy[0] = Math.round(DY[0] += ((ymouse) - DY[0]) * speed);
            Dx[0] = Math.round(DX[0] += ((xmouse) - DX[0]) * speed);
            for (i = 1; i < D.length; i++)
            {
                Dy[i] = Math.round(DY[i] += (Dy[i - 1] - DY[i]) * speed);
                Dx[i] = Math.round(DX[i] += (Dx[i - 1] - DX[i]) * speed);
            } //欢迎来到源码搜藏网,我们的网址是www.codesocang.com,很好记,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
            y[0] = Math.round(Y[0] += ((ymouse) - Y[0]) * speed);
            x[0] = Math.round(X[0] += ((xmouse) - X[0]) * speed);
            for (i = 1; i < n; i++)
            {
                y[i] = Math.round(Y[i] += (y[i - 1] - Y[i]) * speed);
                x[i] = Math.round(X[i] += (x[i - 1] - X[i]) * speed);
            }
            ClockAndAssign();
            setTimeout('Delay()', 40);
        }
        if (ns || ie) window.onload = Delay;
    //-->
    </SCRIPT>
    </body>
    </html>

    跟随鼠标的漂亮时钟由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/shubiaotexiao/4635.html
    标签:网站源码