简单的鼠标跟随

| 网站首页 | 金蔷薇 | 理性之光 | 诗意生活 | 一天天记 | 学生绘画 | 听海之声 | 听海杂志 | 白马非马 | 留言踪迹 |

您现在的位置：听海-中学生校园文化网 >> 理性之光 >> 玩物得志 >> 网页制作 >> 文章正文

新用户注册

简单的鼠标跟随

热

【字体：小大】

简单的鼠标跟随

作者：热血小伙… 文章来源：本站原创点击数：更新时间：2004-3-31

简单的鼠标跟随

当鼠标在这个页面上移动时会有一个可爱的小鼹鼠跟着你的鼠标跑来跑去，很有趣，那这种效果是如何实现的呢？

　　我们先把源码粘贴框中的javascript代码加入到Html的<body>标签内：

<script language="javascript" type="text/javascript"> function mousemoving(e) { if(document.layers) { status="x:"+document.floatDiv.left+" y:"+document.floatDiv.top document.floatDiv.x=e.pageX document.floatDiv.y=e.pageY } if(document.all) { floatDiv.style.left=event.x+document.body.scrollLeft floatDiv.style.top=event.y+document.body.scrollTop } document.onmousemove=mousemoving if(document.layers) { document.captureEvents(Event.MOUSEMOVE) }</script>

　　然后选择一幅图片，假设图片的路径是“img\haha.gif”,然后加入一个层，并把它的ID改为“floatDiv”(与上面代码中的层的ID保持一致)，把图片放置到层中即可。我们也可以直接在Html的<body>之间插入如下的代码，这跟上面操作的效果是一样的。

<div id="floatDiv" style="position:absolute;"><img src="img/haha.gif" width="53" height="74"></div>

文章录入：peter901125 责任编辑：peter901125

上一篇文章：超链“确认”对话框

下一篇文章： FrontPage软件网页制作方

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

最新热点		最新推荐		相关文章
				没有相关文章

网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

| 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 管理登录 |

　版权所有 Copyright© 2004 深圳育才二中站长：杨宗衡指导：高原蓝马
程序核心：PowerEasy SMS Ver4.03