教程集 > jQuery > jQuery 插件 > 正文鼠标经过显示文本信息

鼠标经过显示文本信息

发布时间：2023-12-19 编辑：jiaochengji.com

教程集为您提供鼠标经过显示文本信息等资源，欢迎您收藏本站，我们将为您提供最新的鼠标经过显示文本信息资源

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html" />  <title>JS</title>  <style type="text/css">  .lookMe{  	color:#0099FF;  	cursor:pointer;  }  .lookMe span{  	display:none;  	position:absolute;  	/*left:50px;  	top:20px;*/  	padding:5px;  	width:200px;  	color:#CC3300;  	background:#FFFADC;  	border:1px solid #CC6600;  }  </style>  </head>    <body>    <div onmouseover="lookMe(this);" class="lookMe" onmousemove="mouseMove(event);">闷战120分钟点球战4-2 西班牙破魔咒淘汰意大利  <span>1.雅虎体育讯 北京时间6月23日,2008欧洲足球锦标赛在瑞士奥地利继续进行,在一场四分之一决赛中,西班牙队迎来了上届世界杯冠军意大利队,90分钟与加时赛双方均一球未进,在最终的点球大战中,西班牙4:2击败了对手,昂首挺进四强。</span>  </div>  <div onmouseover="lookMe(this);" class="lookMe" onmousemove="mouseMove(event);">闷战120分钟点球战4-2 西班牙破魔咒淘汰意大利  <span>2.在一场四分之一决赛中 </span>  </div>  <div onmouseover="lookMe(this);" class="lookMe" onmousemove="mouseMove(event);">闷战120分钟点球战4-2 西班牙破魔咒淘汰意大利  <span>3.2008欧洲足球锦标赛在瑞士奥地利继续进行,在一场四分之一决赛中,西班牙队迎来了上届世界杯冠军意大利队,90分钟与加时赛双方均一球未进,在最终的点球大战中,西班牙4:2击败了对手,昂首挺进四强。</span>  </div>  <script>    function lookMe(thisTag){  	var span = thisTag.getElementsByTagName('span')[0];  	span.style.display = 'block';  	thisTag.onmouseout = function(){  		span.style.display = 'none';  	}  }    function mouseMove(event){  	var xx=event.clientX   5;  	var yy=event.clientY   10;  	var obj = event.srcElement ? event.srcElement : event.target;          var span=obj.getElementsByTagName("span")[0];  	span.style.left = xx   'px';  	span.style.top = yy   'px';  }  </script>    </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
javascript 鼠标按钮button属性
 javascript检测screenX与screenY屏幕坐标位置
 鼠标移出事件的案例以及详解
 js 实用漂亮的图文并排列表效果
 鼠标的滚轮失灵怎么办？
poshytip 基于jquery的插件主要用于显示微博人的图像和鼠标提示等
 鼠标悬停tip效果如何用css实现？
jQuery图片标题插件 Captify
Photoshop鼠标绘制一颗一星龙珠教程
 基于JQuery实现鼠标点击文本框显示隐藏提示文本

上一篇：TextBox 下一篇：三级导航菜单,三级竖向展开/收缩导航菜单

[关闭]

鼠标经过显示文本信息

最近更新

浏览排行