js鼠标悬停显示文字的实例介绍?

 我来答
鄙视花开
2018-01-05 · TA获得超过1.6万个赞
知道小有建树答主
回答量:212
采纳率:46%
帮助的人:3.2万
展开全部

如<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

1、<html> 

2、<head> 

3、<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

4、<title>JS教程:鼠标悬停时显示文字或显示图片</title> 

5、<script language="javascript">

6、functionshowPic(sUrl{varx,y;x=event.clientX;y=event.clientY;document.getElementById("Layer1").style.left=x;document.getElementById("Layer1").style.top=y;document.getElementById("Layer1").innerHTML = "<img src=\"" + sUrl + "\">";   document.g

7、function hiddenPic(){ document.getElementById("Layer1").innerHTML = ""; document.getElementById("Layer1").style.display = "none"; }

8、</script> 

9、</head> 

10、<body> 

11、<div id="Layer1" style="display:none;position:absolute;z-index:1;"></div> 

12、<img src="#########" onmouseout="hiddenPic();"

13、onmousemove="showPic(this.src);" title="wowowowo" />    //此行title实现悬停时显示文字onmousemove实现显示图片

14、<p></p> 

15、</body> 

16、</html>

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式