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对象及属性
Feb 13 Javascript
XmlUtils JS操作XML工具类
Oct 01 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 Javascript
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 Javascript
基于jQuery的简单九宫格实现代码
Aug 09 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
Jun 23 Javascript
在网页中插入百度地图的步骤详解
Dec 02 Javascript
基于js 本地存储(详解)
Aug 16 Javascript
详解iframe跨域的几种常用方法(小结)
Apr 29 Javascript
vue实现数字动态翻牌的效果(开箱即用)
Dec 08 Javascript
微信小程序背景音乐开发详解
Dec 12 Javascript
解决vue-router路由拦截造成死循环问题
Aug 05 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
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
PHP如何抛出异常处理错误
2011/03/02 PHP
使用openssl实现rsa非对称加密算法示例
2014/01/24 PHP
jquery 图片预加载 自动等比例缩放插件
2008/12/25 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
2010/04/01 Javascript
JavaScript去掉空格的方法集合
2010/12/28 Javascript
关于jquery css的使用介绍
2013/04/18 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
2015/11/13 Javascript
js获取元素下的第一级子元素的方法(推荐)
2017/03/05 Javascript
详解Angular6 热加载配置方案
2018/08/18 Javascript
vue+egg+jwt实现登录验证的示例代码
2019/05/18 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
2019/09/21 Javascript
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
Python模拟登录验证码(代码简单)
2016/02/06 Python
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
Python测试网络连通性示例【基于ping】
2018/08/03 Python
python安装twisted的问题解析
2018/08/21 Python
Scrapy框架爬取西刺代理网免费高匿代理的实现代码
2019/02/22 Python
Python实现的统计文章单词次数功能示例
2019/07/08 Python
Python迷宫生成和迷宫破解算法实例
2019/12/24 Python
pytorch三层全连接层实现手写字母识别方式
2020/01/14 Python
pycharm快捷键汇总
2020/02/14 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
如何使用Python自动生成报表并以邮件发送
2020/10/15 Python
Django数据模型中on_delete使用详解
2020/11/30 Python
CSS3为背景图设置遮罩并解决遮罩样式继承问题
2020/06/22 HTML / CSS
加拿大在线隐形眼镜专家:PerfectLens.ca
2016/11/19 全球购物
PAUL HEWITT手表美国站:德国北部时尚生活配饰品牌,船锚元素
2017/11/18 全球购物
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
学生手册评语
2014/05/05 职场文书
预备党员综合考察材料
2014/05/31 职场文书
精神文明建设标语
2014/06/16 职场文书
班级文化标语
2014/06/23 职场文书
统计工作个人总结
2015/03/03 职场文书
后天观后感
2015/06/08 职场文书
自考生自我评价
2019/06/21 职场文书