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游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
Jan 23 Javascript
node.js中的fs.linkSync方法使用说明
Dec 15 Javascript
JavaScript实现N皇后问题算法谜题解答
Dec 29 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
May 17 Javascript
浅谈JS中的反柯里化( uncurrying)
Aug 17 Javascript
深入理解Vue 的条件渲染和列表渲染
Sep 01 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
React 组件渲染和更新的实现代码示例
Feb 21 Javascript
vue实现数字动态翻牌的效果(开箱即用)
Dec 08 Javascript
js实现二级联动简单实例
Jan 11 Javascript
vue-cli3 引入 font-awesome的操作
Aug 11 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
这部好评如潮的动漫 知名梗频出 但是画风劝退很多人
2020/03/08 日漫
php str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
PHP魔术引号所带来的安全问题分析
2014/07/15 PHP
DEDECMS首页调用图片集里的多张图片
2015/06/05 PHP
php 处理png图片白色背景色改为透明色的实例代码
2018/12/10 PHP
Thinkphp 框架扩展之应用模式实现方法分析
2020/04/27 PHP
js不是基础的基础
2006/12/24 Javascript
javascript中的delete使用详解
2013/04/11 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
2013/05/11 Javascript
详解addEventListener的三个参数之useCapture
2015/03/16 Javascript
EasyUI创建对话框的两种方式
2016/08/23 Javascript
微信小程序 按钮滑动的实现方法
2017/09/27 Javascript
详解AngularJS 过滤器的使用
2018/06/02 Javascript
创建Vue项目以及引入Iview的方法示例
2018/12/03 Javascript
TypeScript 运行时类型检查补充工具
2020/09/28 Javascript
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
Python3实现并发检验代理池地址的方法
2016/09/18 Python
Django卸载之后重新安装的方法
2017/03/15 Python
遗传算法python版
2018/03/19 Python
Python实现爬虫从网络上下载文档的实例代码
2018/06/13 Python
python selenium自动上传有赞单号的操作方法
2018/07/05 Python
pyqt5让图片自适应QLabel大小上以及移除已显示的图片方法
2019/06/21 Python
python搜索包的路径的实现方法
2019/07/19 Python
pandas中read_csv的缺失值处理方式
2019/12/19 Python
Python3.7下安装pyqt5的方法步骤(图文)
2020/05/12 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
印尼最大的婴儿用品购物网站:Orami
2017/09/28 全球购物
工程现场管理求职自荐信
2013/10/02 职场文书
管理心得体会
2013/12/28 职场文书
高中数学教学反思
2014/01/30 职场文书
关于环保的演讲稿
2014/05/10 职场文书
董事长秘书岗位职责
2015/02/13 职场文书
毕业生个人自荐书
2015/03/05 职场文书
党员承诺书格式范文
2015/04/28 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
九年级化学教学反思
2016/02/22 职场文书