jQuery 鼠标指针悬浮在文字上提示信息

鼠标提示代码：

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><meta charset="utf-8" /><style>#div_toop {background-color:#93ee15;}</style><script src="Scripts/jquery-1.11.3.js"></script><script>$(function () {//鼠标位于 a标签上方时发生 mouseover 事件$("a.Hyperlink").mouseover(function (e) {this.Mytitle = this.title;//获取超链接 title属性的内容this.title = ""; //设置 title属性内容为空$("body").append("<div id='div_toop'>" + this.Mytitle + "</div>");//将要显示的内容添加到 新建 div标签中 并追加到 body 中$("#div_toop").css({//设置 div 内容位置 "top": (e.pageY + 10) + "px","position": "absolute",//添加绝对位置"left": (e.pageX + 20) + "px"}).show("fast");// show(spe.ed,callback) speed: xian'shi'su'du}).mouseout(function () { //鼠标指针从 a标签 上离开时 发生mouseout 事件this.title = this.Mytitle;$("#div_toop").remove();//移除对象}).mousemove(function (e) { //鼠标指针在 a标签 中移动时 发生mouseout 事件$("#div_toop").css({//设置 div 内容位置 "top": (e.pageY + 10) + "px","position": "absolute",//添加绝对位置"left": (e.pageX + 20) + "px"});});});</script></head>
<body><p><a href="#" class="Hyperlink" title="超链接1">超链接·1</a></p><p><a href="#" class="Hyperlink" title="超链接2">超链接·2</a></p>
</body>
</html>

效果图：

显示提示信息：

提示信息可以随鼠标指针移动

jQuery 鼠标指针悬浮在文字上提示信息相关推荐

Bootstrap3基础 disabled 多选框鼠标放在方框与文字上都出现禁止标识
内容参数 OS Windows 10 x64 browser Firefox 65.0.2 framework Bootstrap 3.3.7 editor ...
Jquery鼠标点击出现文字
点击鼠标左键出现文字效果. 原理解说 1.首先确定你是不是点的鼠标左键: 2.文字效果要出现在你鼠标点击的地方: 3.点击后文字出现一个由下往上的显示效果: 4.点击完成后固定时间内还得消失效果演示 ...
当鼠标放在图片或文字上，如何让鼠标箭头变成小手
此处应通过css来实现:以<img>为例 <image id='" + quesNum + "' style='width:10px;height:10px;ma ...
Axure 8 鼠标悬停在菜单文字上时文字颜色改变
效果如下: 第一步:从原件库中拖拽垂直菜单到设计页面第二步:选中菜单,然后点击鼠标悬停第三步:在字体颜色的框中打钩选中,然后设置鼠标悬停后需要的颜色第四步:在"选中的菜单项" ...
用键盘来操纵鼠标指针（鼠标损坏时的应急措施）
会使用电脑的人都知道常见的电脑构成主要由:主机(主要部分).输出设备(显示器等).输入设备(键盘和鼠标等)三大件组成. 输入设备之一键盘,是负责对主机系统的"输入&q ...
给博客加个个性鼠标指针
为什么80%的码农都做不了架构师?>>> 昨天优化完主题,今天在来给博客添加一个个性的鼠标指针,原理很简单,就是直接使用CSS来实现:使用方法就是直接把下面的代码复制粘贴到你的 ...
鼠标悬浮显示文字半透明背景
鼠标悬浮显示文字半透明背景鼠标悬浮头像,出现文字"上传头像",之前都是使用< a title="上传头像"></a>这样的title来 ...
html点击文字展开图片,DIV CSS鼠标经过悬停在图片上时图片上方显示文字
DIV CSS鼠标悬停在没有文字内容图片上时图片上方显示文字,完全是纯css div实现.CSS实现鼠标悬停放图片上方时显示美化内容. 原始图片显示没有文字在上方,当鼠标经过悬停时显示文字并且文字背景 ...
html之解决边框重合问题，鼠标移动文字上文字抖动问题
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

jQuery 鼠标指针悬浮在文字上提示信息

jQuery 鼠标指针悬浮在文字上提示信息相关推荐

最新文章

热门文章

jQuery 鼠标指针 悬浮在文字上提示信息

jQuery 鼠标指针 悬浮在文字上提示信息相关推荐

最新文章

热门文章

jQuery 鼠标指针悬浮在文字上提示信息

jQuery 鼠标指针悬浮在文字上提示信息相关推荐