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中获取选中对象的类型
Apr 02 Javascript
多浏览器支持的右下角浮动窗口
Apr 01 Javascript
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
May 04 Javascript
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
Nov 05 Javascript
jQuery实现鼠标滑过遮罩并高亮显示效果
Jul 16 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
javascript编写实用的省市选择器
Feb 12 Javascript
跟我学习javascript的隐式强制转换
Nov 16 Javascript
vue时间格式化实例代码
Jun 13 Javascript
微信小程序 获取javascript 里的数据
Aug 17 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
Oct 22 Javascript
angular异步验证器防抖实例详解
Mar 31 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基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
js 中的switch表达式使用示例
2020/06/03 Javascript
javascript中call和apply方法浅谈
2013/09/27 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
2014/11/12 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
基于JavaScript实现文字超出部分隐藏
2016/02/29 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
2016/04/28 Javascript
大型JavaScript应用程序架构设计模式
2016/06/29 Javascript
轻松掌握JavaScript策略模式
2016/08/25 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
基于JavaScript实现无限加载瀑布流
2017/07/21 Javascript
Javascript网页抢红包外挂实现分享
2018/01/11 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
2018/02/26 Javascript
JavaScript 日期时间选择器一些小结
2018/04/02 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
Python使用pygame模块编写俄罗斯方块游戏的代码实例
2015/12/08 Python
再谈Python中的字符串与字符编码(推荐)
2016/12/14 Python
django轻松使用富文本编辑器CKEditor的方法
2017/03/30 Python
PyQt5每天必学之布局管理
2018/04/19 Python
解决pyinstaller打包pyqt5的问题
2019/01/08 Python
Python读取指定日期邮件的实例
2019/02/01 Python
python3实现二叉树的遍历与递归算法解析(小结)
2019/07/03 Python
python实现本地批量ping多个IP的方法示例
2019/08/07 Python
HTML5离线缓存Manifest是什么
2016/03/09 HTML / CSS
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
澳大利亚实惠时尚女装商店:Katies
2019/06/16 全球购物
党员学习十八大感想
2014/01/17 职场文书
校运会入场式解说词
2014/02/10 职场文书
企业精神口号
2014/06/11 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
人口与计划生育责任书
2015/05/09 职场文书
利用 Python 的 Pandas和 NumPy 库来清理数据
2022/04/13 Python
Windows Server 2012配置DNS服务器的方法
2022/04/29 Servers