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 相关文章推荐
在浏览器窗口上添加遮罩层的方法
Nov 12 Javascript
javascript删除一个html元素节点的方法
Dec 20 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
Feb 26 Javascript
手机图片预览插件photoswipe.js使用总结
Aug 25 Javascript
JS如何生成一个不重复的ID的函数
Dec 25 Javascript
jQuery+ajax的资源回收处理机制分析
Jan 07 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
js原生Ajax的封装和原理详解
Mar 11 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 Javascript
vuex actions传递多参数的处理方法
Sep 18 Javascript
vue.js+ElementUI实现进度条提示密码强度效果
Jan 18 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
Sep 07 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
php session处理的定制
2009/03/16 PHP
基于php实现长连接的方法与注意事项的问题
2013/05/10 PHP
一个PHP的远程图片抓取函数分享
2013/09/25 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
2013/04/23 Javascript
js如何获取file控件的完整路径具体实现代码
2013/05/15 Javascript
利用JS进行图片的切换即特效展示图片
2013/12/03 Javascript
九种原生js动画效果
2015/11/11 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
ES6所改良的javascript“缺陷”问题
2016/08/23 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
简单实现js放大镜效果
2017/07/24 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
npm 语义版本控制详解
2019/09/10 Javascript
electron 如何将任意资源打包的方法步骤
2020/04/16 Javascript
javascript运行机制之执行顺序理解
2020/08/03 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
Python读取Excel的方法实例分析
2015/07/11 Python
python使用mysql数据库示例代码
2017/05/21 Python
Python实现中文数字转换为阿拉伯数字的方法示例
2017/05/26 Python
Python使用QRCode模块生成二维码实例详解
2017/06/14 Python
简单易懂的python环境安装教程
2017/07/13 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
在python3中实现更新界面
2020/02/21 Python
html5使用canvas绘制文字特效
2014/12/15 HTML / CSS
看雷锋电影观后感
2015/06/10 职场文书
感谢信
2019/04/11 职场文书
五年级作文之想象作文
2019/10/30 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书
pytorch 如何使用batch训练lstm网络
2021/05/28 Python
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python
Java对文件的读写操作方法
2022/04/29 Java/Android