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 相关文章推荐
Json对象与Json字符串互转(4种转换方式)
Mar 27 Javascript
js 自定义个性下拉选择框示例
Aug 20 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
May 27 Javascript
Jquery解析Json格式数据过程代码
Oct 17 Javascript
js防止页面被iframe调用的方法
Oct 30 Javascript
jquery实现滑动特效代码
Aug 10 Javascript
javascript省市级联功能实现方法实例详解
Oct 20 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
Oct 15 Javascript
JavaScript 中调用 Kotlin 方法实例详解
Jun 09 Javascript
layer.js open 隐藏滚动条的例子
Sep 05 Javascript
详解小程序如何动态绑定点击的执行方法
Nov 26 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 删除一个目录及目录下的所有文件的函数代码
2010/05/26 PHP
解析PHPExcel使用的常用说明以及把PHPExcel整合进CI框架的介绍
2013/06/24 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
php中使用Ajax时出现Error(c00ce56e)的详细解决方案
2014/11/03 PHP
PHP运用foreach神奇的转换数组(实例讲解)
2018/02/01 PHP
jQuery对象和DOM对象之间相互转换的方法介绍
2015/02/28 Javascript
JS实现控制表格单元格垂直对齐的方法
2015/03/30 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
2017/03/06 Javascript
JavaScript队列的应用实例详解【经典数据结构】
2017/04/12 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
详解vue 单页应用(spa)前端路由实现原理
2018/04/04 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
2020/02/06 Javascript
JavaScript监听一个DOM元素大小变化
2020/04/26 Javascript
Python的垃圾回收机制深入分析
2014/07/16 Python
简单介绍Python的Django框架的dj-scaffold项目
2015/05/30 Python
python从入门到精通(DAY 2)
2015/12/20 Python
Python数据分析之真实IP请求Pandas详解
2016/11/18 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
Python如何发布程序的详细教程
2018/10/09 Python
详解用pyecharts Geo实现动态数据热力图城市找不到问题解决
2019/06/26 Python
Pycharm使用之设置代码字体大小和颜色主题的教程
2019/07/12 Python
django用户登录验证的完整示例代码
2019/07/21 Python
html5的canvas实现3d雪花飘舞效果
2013/12/27 HTML / CSS
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
Hoka One One法国官网:美国专业跑鞋品牌
2018/12/29 全球购物
I.T集团香港官方商城:ITeSHOP.com Hong Kong
2019/02/15 全球购物
Otiumberg官网:英国半精致珠宝品牌
2021/01/16 全球购物
体育老师的教学自我评价分享
2013/11/19 职场文书
毕业生就业推荐信范文
2013/12/01 职场文书
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
单位车辆管理制度
2015/08/05 职场文书
暑假开始了,你的暑假学习计划写好了吗?
2019/07/04 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
一定要知道的 25 个 Vue 技巧
2021/11/02 Vue.js