乐峰广告放大效果
第一张图片显示:
刚开始的图片显示是这个效果:
1:当鼠标移动上去的时候,会出现一层广告图说明,模特图放大,如图:
这个效果是非常好用的;
Javascript代码如下:
$(function(){
//乐峰广告放大效果
$(".hxadarea4 .area4img img").hover(function(){
$(this).parent("li").css("z-index","4");
$(this).parent().next().show();
},function(){
$(this).parent("li").css("z-index","");
$(this).parent().next().hide();
});
$(".fa4Detail").hover(function(){
$(this).parent("li").css("z-index","4");
$(this).show();
},function(){
$(this).parent("li").css("z-index","");
$(this).hide();
});
});
其中分享代码文件网址:http://yunpan.cn/QXSuiiuFRBNvD
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步