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 相关文章推荐
按给定几率进行随机抽取的js代码
Dec 28 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
Nov 06 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 Javascript
Javascript中prototype的使用详解
Jun 18 Javascript
javascript类型系统——undefined和null全面了解
Jul 13 Javascript
angular2倒计时组件使用详解
Jan 12 Javascript
使用jquery datatable和bootsrap创建表格实例代码
Mar 17 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
Aug 06 Javascript
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 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读取RSS feed的代码
2008/08/01 PHP
php array_flip() 删除数组重复元素
2009/01/14 PHP
PHP获取远程图片并保存到本地的方法
2015/05/12 PHP
PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
2016/04/11 PHP
php通过会话控制实现身份验证实例
2016/10/18 PHP
PHP中命名空间的使用例子
2019/03/22 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
在js文件中写el表达式取不到值的原因及解决方法
2013/12/23 Javascript
使用jQueryMobile实现滑动翻页效果的方法
2015/02/04 Javascript
jquery实现textarea 高度自适应
2015/03/11 Javascript
javascript Array 数组常用方法
2015/04/05 Javascript
百度地图api如何使用
2015/08/03 Javascript
javascript中字体浮动效果的简单实例演示
2015/11/18 Javascript
js中的关联数组与普通数组详解
2016/07/27 Javascript
JavaScript中的对象和原型(一)
2016/08/12 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
node微信开发之获取access_token+自定义菜单
2019/03/17 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
Python获取邮件地址的方法
2015/07/10 Python
Python解析最简单的验证码
2016/01/07 Python
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
详解基于django实现的webssh简单例子
2018/07/17 Python
对python多线程SSH登录并发脚本详解
2019/02/14 Python
pandas DataFrame索引行列的实现
2019/06/04 Python
pandas中的series数据类型详解
2019/07/06 Python
python 实现turtle画图并导出图片格式的文件
2019/12/07 Python
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
2013/02/04 HTML / CSS
最新党员的自我评价分享
2013/11/04 职场文书
环境科学毕业生自荐信
2013/11/21 职场文书
《鸿门宴》教学反思
2014/04/22 职场文书
年检委托书
2014/08/30 职场文书
2016年10月份红领巾广播稿
2015/12/21 职场文书
2019新员工心得体会
2019/06/25 职场文书
JS封装cavans多种滤镜组件
2022/02/15 Javascript