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 相关文章推荐
高性能web开发 如何加载JS,JS应该放在什么位置?
May 14 Javascript
JS常见问题整理(持续更新)
Aug 06 Javascript
jquery操作checkbox示例分享
Jul 21 Javascript
详谈javascript中DOM的基本属性
Feb 26 Javascript
Juery解决tablesorter中文排序和字符范围的方法
May 06 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
Nov 05 Javascript
js获取当前时间(昨天、今天、明天)
Nov 23 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
Mar 21 Javascript
VSCode 配置React Native开发环境的方法
Dec 27 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
Aug 10 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
Oct 09 Javascript
vue element和nuxt的使用技巧分享
Jan 14 Vue.js
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学习 计数器实例代码
2008/06/15 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
JS 巧妙获取剪贴板数据 Excel数据的粘贴
2009/07/09 Javascript
选择TreeView控件的树状数据节点的JS方法(jquery)
2010/02/06 Javascript
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
JS格式化数字保留两位小数点示例代码
2013/10/15 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
js对象内部访问this修饰的成员函数示例
2014/04/27 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
2014/10/17 Javascript
JavaScript Function函数类型介绍
2015/04/08 Javascript
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
2016/01/23 Javascript
Bootstrap表单制作代码
2017/03/17 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
2017/04/27 Javascript
JavaScript实现三级级联特效
2017/11/05 Javascript
修改vue+webpack run build的路径方法
2018/09/01 Javascript
微信小程序实现点击效果
2019/06/21 Javascript
vue+elementUI组件table实现前端分页功能
2020/11/15 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
vue 导航锚点_点击平滑滚动,导航栏对应变化详解
2020/08/10 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2全新版本永雾林渊开启新篇章
2020/12/24 DOTA
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
python中Pycharm 输出中文或打印中文乱码现象的解决办法
2017/06/16 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
详解如何减少python内存的消耗
2019/08/09 Python
python两种注释用法的示例
2020/10/09 Python
Django如何实现防止XSS攻击
2020/10/13 Python
html5新特性与用法大全
2018/09/13 HTML / CSS
HTML5 新事件 小结
2009/07/16 HTML / CSS
工地安全质量标语
2014/06/07 职场文书
先进基层党组织材料
2014/12/25 职场文书
面试感谢信范文
2015/01/22 职场文书
烟台的海导游词
2015/02/02 职场文书
2015年环境整治工作总结
2015/05/22 职场文书
小程序实现筛子抽奖
2021/05/26 Javascript