admin

最简单JS代码实现鼠标移入显示二维码

admin 网站技能 2020-03-08 浏览
今天分享一个最简单的鼠标移动到一个小图上出现大图的代码oKE源享君
oKE源享君
这个代码可以应用于鼠标放在微信图标上,出现二维码的简答演示效果oKE源享君
oKE源享君
代码内容如下:oKE源享君
oKE源享君
<script type="text/javascript"> oKE源享君
function showImg(){ oKE源享君
document.getElementById("wxImg").style.display='block'; oKE源享君
oKE源享君
function hideImg(){ oKE源享君
document.getElementById("wxImg").style.display='none'; oKE源享君
oKE源享君
</script> oKE源享君
      <li><a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="小图片地址" /></a></li>oKE源享君
<div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute;    z-index: 999;"><img src="二维码图片地址" /></div>oKE源享君
oKE源享君
oKE源享君
可以拓展为:鼠标放在小图上出现大图的代码
特别说明:
1.本站百分之九十资源均为免费,百分之十需要注册会员收费,用来维护网站。

2.若是资源链接丢失,请在网站资源下方留言,我们会及时补充丢失链接。

3.白嫖不可怕,可怕是白眼狼式的白嫖,毫无感恩的白嫖。

4.网站资源千千万,本站资源万里选,不是精华不收录,浪费时间和精力。

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

资源分享不易,你的支持,将会是我继续前行的动力!!!

留言与评论(共有 0 条评论)
   
验证码:
博客主人:草根站长 博 主: 闲来没事喜欢研究电脑影视,电子电路,并分享资源和心得技巧,资深技术宅。
浏览 105803 次 运行 0 天数