随便撸(www.suibianlu.com)精品网站源码,织梦建站模版,游戏源代码分享平台
当前位置:网站首页 js特效 名站特效 正文

jQuery唯品会鼠标悬停图片弹出商品列表代码

时间:2019-05-17 [名站特效]作者:木子10086

jQuery唯品会鼠标悬停图片弹出商品列表代码 第1张

jQuery实现的一款仿唯品会购物网站的鼠标悬停在图片上面响应式弹出图片显示商品选择列表特效。


js代码



<script src="jquery/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

$('#wrap').mouseenter(function(){

// $('.a1').css('background','rgba(245,245,245,0.8)');

$('.a1').css('-webkit-filter','blur(3px)');

$('.a2').fadeOut();

$('.divA').fadeIn();

})

$('#wrap').mouseleave(function(){

$('.a1').css('-webkit-filter','blur()');

$('.divA').fadeOut();

$('.a2').fadeIn();

})

</script>

本文标签:

转载请注明来源:jQuery唯品会鼠标悬停图片弹出商品列表代码

本文永久链接地址:https://www.suibianlu.com/14330.html

郑重声明:
本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。
如无法链接失效或侵犯版权,请给我们来信:admin@suibianlu.com

Top