鼠标跟随的文字变动效果

更新时间：2009年11月25日 23:51:48 作者：

百度空间的一个好友，其主页的特效非常漂亮，其中最拉风的就是鼠标根随的文字变动效果。懒得看乱七八糟的源文件，自己用DW编写JS模拟了下。

复制代码保存为.html文件即可运行：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>鼠标跟随</title> <script language="javascript"> var sum; function change(){ sum=document.getElementById("test").scrollLeft; document.getElementById("test").scrollLeft+=40; if(sum==document.getElementById("test").scrollLeft){document.getElementById("test").scrollLeft=0;} } function move(){ document.getElementById("test").style.left=document.body.scrollLeft+window.event.clientX; document.getElementById("test").style.top=document.body.scrollTop+window.event.clientY; } document.onmousemove=move; </script> <style type="text/css">  </style> </head> <body onload="setInterval('change()',1000)" > <div id="test" ><div id="word">脚本之家</div></div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

鼠标跟随

javascript动画之圆形运动,环绕鼠标运动作小球
javascript动画之圆形运动,环绕鼠标运动作小球(兼容ie,ff,chrome,……)
2010-07-07
鼠标跟随的文字变动效果
百度空间的一个好友，其主页的特效非常漂亮，其中最拉风的就是鼠标根随的文字变动效果。懒得看乱七八糟的源文件，自己用DW编写JS模拟了下。
2009-11-11
使用JS实现一个跟随鼠标移动洒落的星星特效
这篇文章主要介绍了使用JS实现一个跟随鼠标移动洒落的星星特效,在页面上移动鼠标,移动轨迹上会有星星洒落,非常的好看炫酷,想知道怎么做的朋友一起来看看吧
2023-03-03
跟随鼠标旋转的文字
跟随鼠标旋转的文字...
2006-11-11
鼠标跟随效果代码
鼠标跟随效果,好多用于广告点击,提示效果
2008-10-10
随鼠标移动的图片或文字特效代码
随鼠标移动的图片或文字特效！，需要的朋友可以参考下。
2011-04-04
我的柜子好像动了之鼠标跟踪事件教程
这篇文章主要为大家介绍了我的柜子好像动了之鼠标跟踪事件教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-05-05
JavaScript拖拽效果示例网页解决快速拖拽的问题
JavaScript拖拽文章的配套示例网页。本例解决了快速拖拽的时候元素停止移动的问题，需要的朋友可以参考下
2012-09-09
js抓人游戏
利用鼠标的位置进行计算偏移代码
2008-09-09
javascript跟随鼠标的文字带滚动效果
javascript跟随鼠标的文字带滚动效果...
2007-11-11

鼠标跟随的文字变动效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具