jQuery宽屏图片手风琴滑动切换特效免费下载

jQuery宽屏图片手风琴滑动切换特效是一款自适应浏览器宽度的手风琴大图缩放代码。

JS代码

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 
<script type="text/javascript"> 
(function(){ 
        
var slideMenu=function(){ 
  var sp,st,t,m,sa,l,w,gw,ot; 
  return{ 
    destruct:function(){ 
        if(m){ 
          clearInterval(m.htimer); 
          clearInterval(m.timer); 
        } 
    }, 
    build:function(sm,sw,mt,s,sl,h){ 
      sp=s;  
      st=sw;  
      t=mt; 
      m=document.getElementById(sm); 
      sa=m.getElementsByTagName('li'); 
      l=sa.length;  
      w=m.offsetWidth;  
      gw=w/l; 
      ot=Math.floor((w-st)/(l-1));  
      var i=0; 
      for(i;i<l;i++){ 
        s=sa[i];  
        s.style.width=gw+'px';  
        this.timer(s) 
      } 
      if(sl!=null){ 
        m.timer=setInterval(function(){ 
          slideMenu.slide(sa[sl-1]) 
        },t)} 
    }, 
    timer:function(s){ 
      s.onmouseover=function(){ 
        clearInterval(m.htimer); 
        clearInterval(m.timer); 
        m.timer = setInterval(function(){ 
          slideMenu.slide(s) 
        },t); 
        //console.log($(this).find('.mask_b').html()); 
        $(this).find('.mask_b').hide(); 
        //console.log($(this).find('.mask_b').attr("style")); 
    } 
      s.onmouseout=function(){ 
        clearInterval(m.timer); 
        clearInterval(m.htimer); 
        m.htimer=setInterval(function(){ 
          slideMenu.slide(s,true) 
        },t); 
        //console.log($(this).find('.mask_b').html()); 
       $(this).find('.mask_b').show(); 
       //console.log($(this).find('.mask_b').attr("style")); 
     } 
    }, 
    slide:function(s,c){ 
      var cw=parseInt(s.style.width); 
      if((cw<st && !c) || (cw>gw && c)){ 
        var owt=0; var i=0; 
        for(i;i<l;i++){ 
          if(sa[i]!=s){ 
            var o,ow; var oi=0; o=sa[i]; ow=parseInt(o.style.width); 
            if(ow<gw && c){ 
              oi=Math.floor((gw-ow)/sp);  
              oi=(oi>0)?oi:1;  
              o.style.width=(ow+oi)+'px'; 
              //console.log(o); 
            //console.log(o.style.width); 
            }else if(ow>ot && !c){ 
              oi=Math.floor((ow-ot)/sp);  
              oi=(oi>0)?oi:1;  
              o.style.width=(ow-oi)+'px'; 
              //console.log(o); 
              //console.log(o.style.width); 
            } 
            if(c){ 
              owt=owt+(ow+oi) 
            }else{ 
              owt=owt+(ow-oi) 
            } 
          } 
        } 
        s.style.width=(w-owt)+'px'; 
      }else{ 
        if(m.htimer) 
          clearInterval(m.htimer) 
        if(m.timer) 
          clearInterval(m.timer); 
      } 
    } 
  }; 
}(); 
slideMenu.build('sm',875,10,10,1); 
})(); 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录