微信鼠标点击显示二维码代码

最新推荐文章于 2023-11-16 16:38:40 发布

雪飞静

最新推荐文章于 2023-11-16 16:38:40 发布

阅读量4.4k

点赞数

分类专栏：【前端】前端开发我看行文章标签：前端微信二维码

本文链接：https://blog.csdn.net/basycia/article/details/50388012

版权

本文介绍如何在前端实现微信鼠标点击后显示二维码。关键在于设置二维码元素的`z-index`属性为一个较大的数值，如9999，确保其位于页面最顶层。同时，若遇到被Flash遮挡的情况，可以通过设置Flash对象的`wmode`参数为`transparent`来解决。

摘要由CSDN通过智能技术生成

 <script type="text/javascript">
		function  showImg(){
		document.getElementById("wxImg").style.display='block';
		}
		function hideImg(){
		document.getElementById("wxImg").style.display='none';

			}

 </script>//js控制鼠标移动状态

<a href="javascript:void(0)" onMouseOut="hideImg()"  οnmοuseοver="showImg()"><img src="images/infor/weixin.png" width="42" height="41" border="0" alt=""></a>
								<div id="wxImg" style="display:none;height:50px;back-ground:#f00;position: absolute;z-index:9999"><span><img src="images/infor/wx.png" width="200" height="200" border="0" alt=""></span></div>


							
								<a href="https