JS实现跟随鼠标的链接文字提示框效果

本文实例讲述了射流研究…实现跟随鼠标的链接文字提示框效果。分享给大家供大家参考。具体如下：

这里使用Java脚本语言与半铸钢钢性铸铁(铸造半钢)实现链接提示效果，不会改变你原来的链接结构，使用链接原有的标题标签来实现，如果之前你使用有标题标签，那你几乎只需把射流研究…代码拷贝到你的网页中即可。你会发现，运行本效果后，鼠标在链接上移动的话，文字提示框会跟随鼠标而移动位置。

运行效果如下图所示：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML '标题跟随鼠标的文字提示框/title meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/style type=' text/CSS ' body { font :12 px/1.8 arial；}a、a :访问过{ color : # 3366 cc文本装饰：无；} a:hover { color: # f60文本修饰：下划线；}.tip { width :200 pxborder :2 px实心# dddpadding:8px背景# f1 f1 color : # 666 } img { border : none }/style脚本类型=' text/JavaScript ' var tip={ $ : function(ele){ if(ele的类型)=' object ')return ele；else if(ele的类型)=' string ' | | type的类型=' number ')返回文件。getelementbyid(ele。tostring())；返回null}，mousePos:function(e){ var x，y；var e=e | | window.event返回{ x : e . clientx文档。尸体。向左滚动文档。文档元素。向左滚动，y : e . clienty文档。尸体。滚动顶部文档。文档元素。滚动顶部}；}，启动：函数(obj){ var self=this；var t=自我$(“mjs : tip”)；物体。onmousemove=function(e){ var mouse=self。mouse pos(e)；t .风格。left=鼠标。x 10 ' pxt .风格。top=鼠标。y 10 ' pxt . innerhtml=obj。GetAttribute(' tips ')；t .风格。display=};物体。onmouseout=function(){ t . style。显示='无'；};} }/script/head dyollia href=' # ' target=' _ blank ' on mouse over=' tip。start(this)' tips=' 2013年12月14日，嫦娥3号卫星登上月球，激动人心的一切终于到来了……'中国嫦娥飞天的一些感想/a/lilia href=' # ' target=' _ blank ' on mouse over=' tip。开始(这个)“提示=”中国未来一定是世界上最强大的国家，你相信么？'中国是世界上最强大的国家/a/Li/oldiv id=' mjs : tip ' class=' tip ' style=' position : absolute；left :0 top :0 display : none/div/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。