js鼠标悬浮显示二维码教程

2019年6月1日22:39:38 评论 60

js鼠标悬浮显示二维码

html代码
//小图片直接放文字也可以
<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="小图片地址" /></a>
<div id="qr" style="display:none;height:50px;back-ground:#f00;position:absolute;    z-index: 999;"><img src="二维码图片地址" /></div>
js代码
<script type="text/javascript"> 
function showImg(){ 
document.getElementById("qr").style.display='block'; //悬浮显示
} 
function hideImg(){ 
document.getElementById("qr").style.display='none'; //默认隐藏
} 
</script>

以上就是全部内容了,很实用的一个东东。

庆中华

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: