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

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

js代码

<scriptsrc="jquery/jquery-2.2.4.min.js"type="text/javascript"charset="utf-8"></script>
<scripttype="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>



下载

2023-11-22 23:19 上传

点击文件名下载附件