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 add event remove event
Apr 07 Javascript
WEB高性能开发之疯狂的HTML压缩
Jun 19 Javascript
js日期相关函数总结分享
Oct 15 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 Javascript
javascript去除空格方法小结
May 21 Javascript
学习JavaScript设计模式(继承)
Nov 26 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
AngularJS实现单独作用域内的数据操作
Sep 05 Javascript
详解node+express+ejs+bootstrap构建项目
Sep 27 Javascript
React父子组件间的传值的方法
Nov 13 Javascript
详解一个基于react+webpack的多页面应用配置
Jan 21 Javascript
jQuery实现可以扩展的日历
Dec 01 jQuery
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
php 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
2010/06/03 PHP
使用php发送有附件的电子邮件-(PHPMailer使用的实例分析)
2013/04/26 PHP
php 在windows下配置虚拟目录的方法介绍
2013/06/26 PHP
JavaScript 的方法重载效果
2009/08/07 Javascript
从零开始学习jQuery (二) 万能的选择器
2010/10/01 Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
2012/12/17 Javascript
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
JavaScript实现自动变换表格边框颜色
2015/05/08 Javascript
Jquery实现的简单轮播效果【附实例】
2016/04/19 Javascript
使用nodejs中httpProxy代理时候出现404异常的解决方法
2016/08/15 NodeJs
js获取腾讯视频ID的方法
2016/10/03 Javascript
AngularJS入门教程之Cookies读写操作示例
2016/11/02 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
2017/03/03 Javascript
layui表格 返回的数据状态异常的解决方法
2019/09/10 Javascript
100行代码实现vue表单校验功能(小白自编)
2019/11/19 Javascript
js绘制一条直线并旋转45度
2020/08/21 Javascript
小程序中手机号识别的示例
2020/12/14 Javascript
使用Python读取二进制文件的实例讲解
2018/07/09 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
python pandas库的安装和创建
2019/01/10 Python
Django ORM 常用字段与不常用字段汇总
2019/08/09 Python
Python一键查找iOS项目中未使用的图片、音频、视频资源
2019/08/12 Python
python实现密度聚类(模板代码+sklearn代码)
2020/04/27 Python
解决selenium+Headless Chrome实现不弹出浏览器自动化登录的问题
2021/01/09 Python
pyx文件 生成pyd 文件用于 cython调用的实现
2021/03/04 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
利用HTML5 Canvas API绘制矩形的超级攻略
2016/03/21 HTML / CSS
白俄罗斯女装和针织品网上商店:Presli.by
2019/10/13 全球购物
保送生自荐信范文
2013/10/06 职场文书
校园运动会广播稿
2015/08/19 职场文书
Python如何识别银行卡卡号?
2021/06/10 Python
Python 数据科学 Matplotlib图库详解
2021/07/07 Python
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers