admin

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

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

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

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

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

打赏

取消

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

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

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

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

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