jQuery + jQuery UI实现菜单左右滑动


  • 利用jQuery+jQuery UI实现了菜单左右滑动(显示与隐藏)的效果。
  • 代码引用:
  • Jquery-latest.js
  • jquery.effects.core.js
  • jquery.effects.slide.js
  • jQuery.fn.extend({ 
      slideRightShow
    :function(){ 
       
    returnthis.each(function(){ 
            $
    (this).show('slide',{direction:'right'},1000); 
       
    }); 
     
    }, 
      slideLeftHide
    :function(){ 
       
    returnthis.each(function(){ 
          $
    (this).hide('slide',{direction:'left'},1000); 
       
    }); 
     
    }, 
      slideRightHide
    :function(){ 
       
    returnthis.each(function(){ 
          $
    (this).hide('slide',{direction:'right'},1000); 
       
    }); 
     
    }, 
      slideLeftShow
    :function(){ 
       
    returnthis.each(function(){ 
          $
    (this).show('slide',{direction:'left'},1000); 
       
    }); 
     
    } 
    });
  • 引用地址:
  • 孤舟苦渡:http://www.cnblogs.com/onlylonely/archive/2012/01/03/2311378.html 
  • Stackoverflow:http://stackoverflow.com/questions/521291/jquery-slide-left-and-show


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM