指引网

当前位置: 主页 > 网页制作 > JavaScript >

如何实现JS中鼠标移上去显示图片或微信二维码

来源:网络 作者:佚名 点击: 时间:2017-07-02 09:34
[摘要]  js中鼠标移上去显示图片或二维码是很常用的功能,有许多初学者问小编如何实现。下文列出了如何实现鼠标一上去显示图片或二维码的代码,希望能帮助到大家

废话不多说了,直接给大家贴代码了。

<html>
<head>
<script type="text/javascript">
functionshowImg(){
document.getElementById("wxImg").style.display='block';
}
functionhideImg(){
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>
------分隔线----------------------------