第一张图片显示:
刚开始的图片显示是这个效果:
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