小灰博客--小灰IT技术博客 | sky00.com

如何让鼠标移上去显示图片或微信二维码

朋友给写了一段让鼠标移到链接上显示图片或二维码的JS代码,用了效果很好,有需要的可以直接copy代码!
weixin0003

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<script type="text/javascript">
function  showImg(){
document.getElementById("wxImg").style.display='block';
}
function hideImg(){
document.getElementById("wxImg").style.display='none';
}
</script>
</head>
<body>

<a href="javascript:void(0)" onMouseOut="hideImg()"  onmouseover="showImg()">测试</a>
<div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute;">这里是微信图片</div>
</body>

</html>

如果该文章帮到了您,不妨帮忙分享支持下博主!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!

分享该文章到:

21条评论

  1. 福州开发票说道:

    这桩交易最划算!

  2. 人心同然,每个人都想要最好的货而最便宜的价格。

  3. 晓侬说道:

    怎么让图片显示在上方

  4. 代码简洁很实用,就是在head区要加代码比较麻烦,有没不用再head区加的代码呢?

  5. rrryyy说道:

    图片出现的位置要怎么定义?想让图片始终和链接在一起

  6. 丹丹说道:

    我的是PHP代码的,拜托有没有呢、、? 还挺着急的。。。

  7. 大城小我说道:

    不错的,记录下

  8. 网络兼职说道:

    嗯,值得认真看看,很有学习价值,期待继续更新!!

  9. 肖振杰博客说道:

    这个可以有,收藏起来。方便

  10. 威客圈子说道:

    博主的博客很不错,不知道能不能交换友链呢?如果博主有意向的话,可以加我的QQ293459572详谈



发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

分类

最新评论