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

文章来源：小灰博客| 时间：2015-03-06 11:45:57| 作者：Leo　| 21 条评论

文章分类：HTML、IT技术分享、Javascript 标签： HTML/CSS、Jsvascript

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

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 条评论

福州开发票说道：

2016 年 3 月 10 日下午 10:00

这桩交易最划算！

回复
陆丰婚纱摄影说道：

2016 年 3 月 10 日下午 10:00

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

回复
晓侬说道：

2015 年 12 月 17 日下午 5:43

怎么让图片显示在上方

回复
- Leo说道：
  
  2015 年 12 月 21 日上午 10:45
  
  用CSS控制是可以的
  
  回复
网站提交入口说道：

2015 年 11 月 14 日上午 10:44

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

回复
- Leo说道：
  
  2015 年 12 月 2 日上午 8:52
  
  这个body里加就可以啊不用head把
  
  回复
rrryyy说道：

2015 年 10 月 9 日下午 4:55

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

回复
- Leo说道：
  
  2015 年 10 月 10 日上午 10:23
  
  那么就需要CSS的绝对定位的，这个你可以查询下，很容易实现的。
  
  回复
  - rrryyy说道：
    
    2015 年 10 月 10 日下午 4:11
    
    链接和图片需要是父子级关系还是同时放在一个div里？
    
    回复
丹丹说道：

2015 年 9 月 24 日下午 5:24

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

回复
- Leo说道：
  
  2015 年 9 月 25 日下午 4:10
  
  这个JS的是通用的。你可以直接用噢
  
  回复
大城小我说道：

2015 年 7 月 19 日下午 10:33

不错的，记录下

回复
网络兼职说道：

2015 年 4 月 16 日下午 3:01

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

回复
肖振杰博客说道：

2015 年 4 月 1 日下午 1:49

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

回复
威客圈子说道：

2015 年 3 月 11 日下午 4:40

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

回复
- Leo说道：
  
  2015 年 3 月 11 日下午 4:55
  
  可以噢，留下你的网址！
  
  回复
  - 威客圈子说道：
    
    2015 年 3 月 12 日上午 9:32
    
    关键词：威客圈子网址：http://quan.renwuyi.com/
    博主添加好了回复一下哦
    
    回复
  - weilingyu说道：
    
    2017 年 5 月 8 日下午 6:44
    
    大神 😛
    
    回复
    - Leo说道：
      
      2017 年 6 月 19 日下午 4:32
      
      我是菜鸟
      
      回复