网站首页
网站导航
Ctrl+D收藏
首 页
代码段
源码包
文档库
工具箱
代码语言
.
CSharp
.
JS
Java
Asp.Net
C
MSSQL
PHP
Css
PLSQL
Python
Shell
EBS
ASP
Perl
ObjC
VB.Net
VBS
MYSQL
GO
Delphi
AS
DB2
Domino
Rails
ActionScript
Scala
代码分类
文件
系统
字符串
数据库
网络相关
图形/GUI
多媒体
算法
游戏
Jquery
Extjs
Android
HTML5
菜单
网页交互
WinForm
控件
企业应用
安全与加密
脚本/批处理
开放平台
其它
【
JS
】
鼠标滑过出现气泡提示框
作者:
freespider
/ 发布于
2013/12/16
/
357
<script type="text/javascript"> function enableTooltips(id) { var links,i,h; if (!document.getElementById || !document.getElementsByTagName) return; h = document.createElement("span"); h.id = "btc"; h.setAttribute("id", "btc"); h.style.position = "absolute"; document.getElementsByTagName("body")[0].appendChild(h); if (id == null) links = document.getElementsByTagName("a"); else links = document.getElementById(id).getElementsByTagName("a"); for (i = 0; i < links.length; i++) { Prepare(links[i]); } } function Prepare(el) { var tooltip,t,b,s,l; t = el.getAttribute("message"); if (t == null || t.length == 0) return; el.removeAttribute("message"); tooltip = CreateEl("span", "tooltip"); s = CreateEl("span", "top"); s.innerHTML = t; tooltip.appendChild(s); b = CreateEl("b", "bottom"); l = el.getAttribute("href"); if (l.length > 30) l = l.substr(0, 27) + "..."; b.innerHTML = l; tooltip.appendChild(b); setOpacity(tooltip); el.tooltip = tooltip; el.onmouseover = showTooltip; el.onmouseout = hideTooltip; el.onmousemove = Locate; } function showTooltip(e) { document.getElementById("btc").appendChild(this.tooltip); Locate(e); } function hideTooltip(e) { var d = document.getElementById("btc"); if (d.childNodes.length > 0) d.removeChild(d.firstChild); } function setOpacity(el) { el.style.filter = "alpha(opacity:95)"; el.style.KHTMLOpacity = "0.95"; el.style.MozOpacity = "0.95"; el.style.opacity = "0.95"; } function CreateEl(t, c) { var x = document.createElement(t); x.className = c; x.style.display = "block"; return (x); } function Locate(e) { var posx = 0, posy = 0; if (e == null) e = window.event; if (e.pageX || e.pageY) { posx = e.pageX; posy = e.pageY; } else if (e.clientX || e.clientY) { if (document.documentElement.scrollTop) { posx = e.clientX + document.documentElement.scrollLeft; posy = e.clientY + document.documentElement.scrollTop; } else { posx = e.clientX + document.body.scrollLeft; posy = e.clientY + document.body.scrollTop; } } document.getElementById("btc").style.top = (posy + 10) + "px"; document.getElementById("btc").style.left = (posx - 20) + "px"; } </script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script> <style type="text/css"> .tooltip{ width:275px; height:65px; color:#000; font:lighter 11px/1.3 Arial,sans-serif; text-decoration:none; text-align:center } .tooltip{ width:265px; height:65px; color:#000; font:lighter 11px/1.3 Arial,sans-serif; text-decoration:none; text-align:center } .tooltip span.top{ padding:30px 8px 0; background:url(bt.png) no-repeat top } .tooltip b.bottom{ padding:0px 0px 0px; color:#548912; background:url(bt.png) no-repeat bottom } </style> </head> <body> <div class="page_right_today"> <img style="margin-left:1px;" src="images/xiaoyou_top.jpg" width="726" height="195" /> <div class="content_today"> <div class="today_left xiaoyou_d"> <span><img src="images/nine_club.jpg" /></span> <a href="#">sdsdfsdf</a><a>sdfsdfs</a><a>sdfsdfsdf</a><a>sdfsdfsdf</a><a>sdfsdfsdf</a><a>sdfsdf</a><a>sdfsdf</a><a>sdfsdf</a> <a href="#" message="<b style='font-weight:bold;'>这年头</b>,和尚庙的香火越烧越旺,求保佑、求发财、求治病,乃至求升官和求升学的人一窝蜂涌进庙门,简直要把门槛踏烂.不过这些见菩萨就烧香磕头的信徒中,到底知道佛门是怎么回事的,恐怕不多。今天,在下也来道个究竟。">狼跋其胡,载踬其尾。公孙硕肤,赤舄几几。</a> <a href="#" message="于是,就到郊外的一棵菩提树下专心致志苦思冥想起来,连树上的孔雀在他头上拉屎,也全然不觉,乃至头上积满了孔雀屎,至于虱子跳蚤恐怕也爬了不少。细心的人如果注意到佛头上许多螺旋小圆锥,切勿以为是哪位美发师的杰作,佛经上说乃孔雀屎也。 " >诗三百,一言以蔽之,思无邪。这是孔老头子说的。</a> <a href="#" message="咱们凡夫俗子听了定会害怕,人在荒野迷路,活不了几天,脱离社会出家,不是找死吗?这可给你说对了,释迦牟尼找到彻底解脱的办法就是一个死字,但佛经里不叫死,叫灭、灭度、寂灭、圆寂、不生、无为、解脱、涅槃等等共计70多种,各有等级,真是无上妙法!">溱与洧,浏其清矣。士与女,殷其盈兮。女曰观乎,士曰既且,且往观乎。</a> <p style="text-align:center;"><a href="http://www.cool80.com">酷站(Cool80.Com)收集整理</a> </div> <div class="today_right xiaoyou_d"> <span><img src="images/xuexue.jpg" /></span> <div class="xue_title"><img src="images/xue_title.jpg" /></div> <div class="xue_content"> 在文泰,大家以同学相称,相互努力相互扶持,为共同的目标在奋斗;在企业,文泰的同学扮演着各行业的精英人才,掌握着各类专业知识。三人行必有我师,文泰?学学讲堂,为大家提供一个教学相长的舞台。“学学”理念出自《礼记》,:“虽有嘉肴,弗食,不知其旨也;虽有至道,弗学,不知其善也。是故学然后知不足,教然后知困;知不足,然后能自反也知困,然后能自强也。故曰,教学相长也,兑命曰,学学半,其此之谓乎”。意思是是教人和学习各占学问的一半,我们希望在文泰?学学讲堂中,你会是这间教室的老师,下次也会是其他教室的学生。 </div> </body></html>
评论列表
本站所提供的代码,版权归原作者所有,若有侵犯作者版权,请与我们联系,我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。
试试其它关键字
气泡提示框
同语言下
.
Jquery搜索框获取回车事件
.
H5页面添加倒计时,然后自动跳转
.
通过user-agent判断h5页面是在哪个手机App(QQ、微信
.
nginx 禁止未绑定的域名访问
.
JavaScript 获取按键,并屏蔽系统 Window 事件
.
H5之只允许微信浏览器打开,禁止从外部浏览器访问
.
微信打开网址添加在浏览器中打开提示的办法
.
实现JS复制、粘贴,Chrome/Firefox下可用
.
video视频播放,play()、pause()、duration时长、onen
.
HTML5实现MP3上传前的预览和播放时长的获取
可能有用的
.
SQL查询 多列合并成一行用逗号隔开
.
一行一行读取txt的内容
.
C#动态修改文件夹名称(FSO实现,不移动文件)
.
c# 移动文件或文件夹
.
c#图片添加水印
.
Java PDF转换成图片并输出给前台展示
.
网站后台修改图片尺寸代码
.
处理大图片在缩略图时的展示
.
实现对图片上传的接收
.
判断用户输入的是否为IP地址
freespider
贡献的其它代码
(
22
)
.
javascript控制不同行不同颜色
.
点击外部链接, 让iframe父页面也跟着显示
.
iFrame 自适应高度
.
让文字左右对齐
.
替换函数replace()实现mysql 替换字符串
.
安静删除服务器超级多的文件,有的文件夹文件过多而不
.
css开头的全局标准代码
.
apache 80端口未被占用,启动不了的问题
.
php修改排序,上移下移
.
获取网卡的MAC地址原码;目前支持WIN/LINUX系统 获取
地图
本站
我们
服务
版权
联系
回馈
博客