繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
典型特效
按钮特效
页面背景
鼠标特效
时间日期
状态特效
图象特效
cookie
下拉菜单
链接特效
导航菜单
页面导航：
首页
→
网络编程
→
JavaScript
→
网页特效
→
鼠标特效
→ 正文内容
javascript跟随鼠标的文字带滚动效果
发布：dxy 字体：[
增加
减小
] 类型：转载
比较简单常用的跟随鼠标文字滚动效果
点击运行可以看到效果:
<html> <head> <title>跟随鼠标的文字带滚动效果</title> </head><body> <!--将以下代码加入HTML的<Body></Body>之间--> <script language="JavaScript1.2"> var scroller_msg='欢迎进入我的站点' var dismissafter=0 var initialvisible=0 if (document.all) document.write('<marquee id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>') function followcursor(){ //move cursor function for IE if (initialvisible==0){ curscroll.style.visibility="visible" initialvisible=1 } curscroll.style.left=document.body.scrollLeft+event.clientX+10 curscroll.style.top=document.body.scrollTop+event.clientY+10 } function dismissmessage(){ curscroll.style.visibility="hidden" } if (document.all){ document.onmousemove=followcursor document.ondblclick=dismissmessage if (dismissafter!=0) setTimeout("dismissmessage()",dismissafter*1000) } //--> </script> </body></html>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
javascript
鼠标特效
滚动
百度中搜索更多的关于
javascript跟随鼠标的文字带滚动效果
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
跟随鼠标旋转的文字
下一篇文章：没有文章
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
跟随鼠标旋转的文字
javascript跟随鼠标的文字带滚动效果
最 近 更 新
跟随鼠标旋转的文字
javascript跟随鼠标的文字带滚动效果
热 点 排 行
javascript跟随鼠标的文字带滚动
跟随鼠标旋转的文字
文章评论
共有 位脚本之家网友发表了评论我来说两句