乐峰广告放大效果

第一张图片显示:

刚开始的图片显示是这个效果:

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

posted @   chenguiya  阅读(220)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示