方法一：
<a class="js-wxcode" href="javascript:void(0);"><i class="top_wx"></i> 微信商城
    <div class="js-wxcode-nr clr qr-code">
        <img src="/res/themes/sevalo/images/qr-code.jpg" alt="千里马微信二维码"/>
    </div>
</a>
<script type="text/javascript">
   $(document).ready(function () {
        $(".js-wxcode").hover(function () {
            $(".js-wxcode-nr").addClass("on").animate({"top":"40px"},500)
        },function () {
            $(".js-wxcode-nr").removeClass("on").animate({"top":"-150px"},500)
        })
      });
</script>
方法二：
<span class="collect-shop js-collectshop"><i class="iconfont"></i> 收藏店铺</span>
　　<span class="shop-qr-code pos-relative js-shop-code">用手机逛本店
　　　　<div class="qr-code-block">
       <img src="/res/themes/sevalo/images/qr-code.jpg" alt="店铺二维码"/>
       </div>
</span>
$(".js-shop-code").hover(function () {//顶部二维码
   $(this).find(".qr-code-block").show();
},function () {
   $(this).find(".qr-code-block").hide();
});

版权声明：本文为lxq0924原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/lxq0924/articles/5072233.html