鼠标放置图标弹出二维码

html:

 <a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()">........</a>

怎么设置图标呢:

 <a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="xxxxxx.svg"></a>

JS:

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

html:

<div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute;"><img src="微信二维码"></div>
</div>
温馨提示 : 非特殊注明,否则均为©李联华的博客网原创文章,本站文章未经授权禁止任何形式转载;IP地址:3.144.108.200,归属地:俄亥俄州Dublin ,欢迎您的访问!
文章链接:https://www.lilianhua.com/place-the-mouse-icon-to-pop-up-the-qr-code.html
Popup Image

通知

本站原则上是免费提供技术支持,但是服务器维护和运营成本高,可以实行自由赞助:赞助

Loading...