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 异步调用框架 (Part 2 - 用例设计)
Aug 03 Javascript
js或css实现滚动广告的几种方案
Jan 28 Javascript
有道JavaScript监听浏览器的问题
Jun 23 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
May 30 Javascript
js特效,页面下雪的小例子
Jun 17 Javascript
浅谈javascript 函数属性和方法
Jan 21 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
JavaScript按值删除数组元素的方法
Apr 24 Javascript
jQuery插件imgAreaSelect基础讲解
May 26 jQuery
Webpack实战加载SVG的方法
Dec 26 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
Vue Prop属性功能与用法实例详解
Feb 23 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 Yii框架之表单验证规则大全
2015/11/16 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
PHP中快速生成随机密码的几种方式
2017/04/17 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
ext for eclipse插件安装方法
2008/04/27 Javascript
得到jQuery detach()后节点中的某个值实现代码
2013/02/05 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
2014/01/17 Javascript
jquery实现更改表格行顺序示例
2014/04/30 Javascript
JavaScript设计模式经典之命令模式
2016/02/24 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
再谈javascript常见错误及解决方法
2016/09/16 Javascript
TypeScript学习之强制类型的转换
2016/12/27 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
js实现canvas保存图片为png格式并下载到本地的方法
2017/08/31 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
2018/06/13 Javascript
jQuery实现购物车的总价计算和总价传值功能
2018/11/28 jQuery
vue项目中axios请求网络接口封装的示例代码
2018/12/18 Javascript
4 种滚动吸顶实现方式的比较
2019/04/09 Javascript
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
three.js中多线程的使用及性能测试详解
2021/01/07 Javascript
python实现人人网登录示例分享
2014/01/19 Python
python环形单链表的约瑟夫问题详解
2018/09/27 Python
python3.x提取中文的正则表达式示例代码
2019/07/23 Python
Pytorch模型转onnx模型实例
2020/01/15 Python
Python turtle画图库&amp;&amp;画姓名实例
2020/01/19 Python
pycharm 中mark directory as exclude的用法详解
2020/02/14 Python
python3中布局背景颜色代码分析
2020/12/01 Python
印尼极简主义和实惠的在线家具店:Fabelio
2019/03/27 全球购物
荷兰最大的多品牌男装连锁店:Adam Brandstore
2019/12/31 全球购物
买房委托公证书
2014/04/08 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
婚礼庆典答谢词
2015/01/20 职场文书
结婚通知短信怎么写
2015/04/17 职场文书
2015年学生资助工作总结
2015/05/25 职场文书
歼十出击观后感
2015/06/11 职场文书
SQL Server数据库的三种创建方法汇总
2023/05/08 MySQL