lxq0924
方法一:
<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">&#xe61b;</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();
});

分类:

技术点:

相关文章:

  • 2021-12-01
  • 2021-11-21
  • 2021-06-03
  • 2022-12-23
  • 2021-09-13
  • 2022-12-23
  • 2022-01-07
猜你喜欢
  • 2022-12-23
  • 2021-12-15
  • 2022-12-23
  • 2022-12-23
  • 2021-11-10
  • 2022-12-23
相关资源
相似解决方案