JS实现把鼠标放到链接上出现滚动文字的方法


Posted in Javascript onApril 06, 2016

本文实例讲述了JS实现把鼠标放到链接上出现滚动文字的方法。分享给大家供大家参考,具体如下:

<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:seashell">
<layer name="nstip" width=1000px bgColor="seashell"></layer>
</div>
<SCRIPT language="JavaScript">
<!--
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
//--> 
</SCRIPT>
<a href=# onMouseOver="showtip2(this,event,'看到了吧?')" onMouseOut="hidetip2()">把鼠标放上来试试</a>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Javascript中eval函数的使用方法与示例
Apr 09 Javascript
js的toUpperCase方法用法实例
Jan 27 Javascript
js图片跟随鼠标移动代码
Nov 26 Javascript
jquery 遍历数组 each 方法详解
May 25 Javascript
BOM系列第二篇之定时器requestAnimationFrame
Aug 17 Javascript
详解vue 配合vue-resource调用接口获取数据
Jun 22 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
Apr 08 Javascript
详解如何用typescript开发koa2的二三事
Nov 13 Javascript
详解如何在vue项目中使用layui框架及采坑
May 05 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
Mar 03 Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
May 16 Javascript
uniapp与webview之间的相互传值的实现
Jun 29 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
Apr 06 #Javascript
jQuery实现HTML表格单元格的合并功能
Apr 06 #Javascript
JS中JSON对象和String之间的互转及处理技巧
Apr 06 #Javascript
js老生常谈之this,constructor ,prototype全面解析
Apr 05 #Javascript
实例详解ECMAScript5中新增的Array方法
Apr 05 #Javascript
关于JS中的apply,call,bind的深入解析
Apr 05 #Javascript
javascript中apply、call和bind的使用区别
Apr 05 #Javascript
You might like
一个从别的网站抓取信息的例子(域名查询)
2006/10/09 PHP
PHP 远程文件管理,可以给表格排序,遍历目录,时间排序
2009/08/07 PHP
PHP生成随机用户名和密码的实现代码
2013/02/27 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
11个PHPer必须要了解的编程规范
2014/09/22 PHP
PHP基于正则批量替换Img中src内容实现获取缩略图的功能示例
2017/06/07 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
读jQuery之八 包装事件对象
2011/06/21 Javascript
通过js简单实现将一个文本内容转译成加密文本
2013/10/22 Javascript
实例详解jQuery的无new构建
2016/08/02 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
2019/01/08 Javascript
Openlayers学习之加载鹰眼控件
2020/09/28 Javascript
[02:36]DOTA2上海特锦赛 回忆电竞生涯的重要瞬间
2016/03/25 DOTA
python实现telnet客户端的方法
2015/04/15 Python
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
Python计时相关操作详解【time,datetime】
2017/05/26 Python
python的pdb调试命令的命令整理及实例
2017/07/12 Python
python多线程socket编程之多客户端接入
2017/09/12 Python
在python中只选取列表中某一纵列的方法
2018/11/28 Python
Python3实现取图片中特定的像素替换指定的颜色示例
2019/01/24 Python
深入了解Django View(视图系统)
2019/07/23 Python
python数据归一化及三种方法详解
2019/08/06 Python
WxPython实现无边框界面
2019/11/18 Python
Python读取实时数据流示例
2019/12/02 Python
复古风格的女装和装饰品:ModCloth
2017/12/29 全球购物
奖学金自我鉴定范文
2013/10/03 职场文书
自动化系在校本科生求职信
2013/10/23 职场文书
品质管理部岗位职责范文
2014/03/01 职场文书
事业单位竞聘上岗实施方案
2014/03/28 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
建筑工地资料员岗位职责
2015/04/13 职场文书
详解如何在Canvas中添加事件的方法
2021/04/17 Javascript