注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

浩瀚星云

上善若水 厚德载物<学习版>

 
 
 

日志

 
 

ASP中的HTML实现鼠标篇(1)  

2007-12-30 01:45:44|  分类: ASP(过时) |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

                           作者:冰雨

在网页制作中,独特的鼠标造型是网页的一道靓丽风景线.会给原本呆板的网页带来生机与活力.

跟随鼠标的文字,象波浪在闪烁。

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html;charset=字体字型" />

<title>标题</title>

<style><!--body,td{font-size: 12px;}--></style>

<STYLE>

<!--

.spanstyle {

COLOR: #0066ff; FONT-FAMILY: arial; FONT-SIZE: 9pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible

}

-->

</STYLE>

</head>

<body bgcolor="" onload="javascript:pageonload()">

<table width="100%" height="1000" border="0" cellpadding="10" cellspacing="5">

<tr>

<td valign="top">

<SCRIPT language=javascript>

 

var message="冰雨博客欢迎你的到来!";

var x,y;

        var step=12;

        var flag=0;

        message=message.split("");

        var xpos=new Array();

        for (I=0;I<=message.length-1;I++) {

                xpos[I]=-50;

        }

        var ypos=new Array();

        for (I=0;I<=message.length-1;I++) {

                ypos[I]=-50;

        }

        function handlerMM(e) {

                x = (document.layers) ? E.pageX : document.body.scrollLeft+event.clientX+10;

                y = (document.layers) ? E.pageY : document.body.scrollTop+event.clientY;

                flag=1;

        }

        function makesnake() {

                if (flag==1 && document.all) {

                            for (I=message.length-1; I>=1; I--) {

                                   xpos[I]=xpos[I-1]+step;

                                ypos[I]=ypos[I-1];

                            }

                        xpos[0]=x+step;

                        ypos[0]=y;

                        for (I=0; I<=message.length-1; I++) {

                                    var thisspan = eval("span"+(I)+".style");

                                    thisspan.posLeft=xpos[I];

                                thisspan.posTop=ypos[I];

                                thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;

                            }

                }

                else if (flag==1 && document.layers) {

                            for (I=message.length-1; I>=1; I--) {

                                   xpos[I]=xpos[I-1]+step;

                                ypos[I]=ypos[I-1];

                            }

                        xpos[0]=x+step;

                        ypos[0]=y;

                        for (I=0; I<message.length-1; I++) {

                                    var thisspan = eval("document.span"+I);

                                    thisspan.left=xpos[I];

                                thisspan.top=ypos[I];

                                thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;

                        }

                }

        }

</SCRIPT>

<SCRIPT language=javascript>

        for (I=0;I<=message.length-1;I++) {

                    document.write("<span id='span"+I+"' class='spanstyle'>");

                document.write(message[I]);

                    document.write("</span>");

        }

        if (document.layers) {

                document.captureEvents(Event.MOUSEMOVE);

        }

        document.onmousemove = handlerMM;

</SCRIPT>

<SCRIPT language=javascript>

        function pageonload() {

                makesnake();

                window.setTimeout("pageonload();", 2);

        }

</SCRIPT>

</td>

</tr>

</table>

</body>

</html>

 

 

  评论这张
 
阅读(63)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017