jquery 显示，隐藏元素方法

jquery中方法
slideDown(speed,callback)
slideUp(speed,callback)
是上下隐藏显示元素，我想用下充左右滑动隐藏显示元素 该怎么弄 求高人解答 。
在线等啊。

解决方案 »

  1.   

    slideDown(speed,callback)
    slideUp(speed,callback)
    这两个方法都是jQuery封装了的方法，所以可以直接用。
    jQuery里面没有左右滑动的方法呢。如果一定需要可以按照slideDown的方法重写一个，不过有点困难。
      

  2.   

    animate用这个可以达到你要的效果。
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script><script type="text/javascript">
    $(document).ready(function() {
    // 在一个动画中同时应用三种类型的效果
    $("#go").click(function(){
      $("#block").animate({ 
    width: "90%",
    height: "100%", 
    fontSize: "10em", 
    borderWidth: 10
      }, 1000 );
    });

    $("#right").click(function(){
       $(".block").animate(
    {
    left:'10px',
    width:'300px',
    height: '200px',
    }, "slow");
    }); $("#left").click(function(){
      $(".block").animate({left: '-50px'}, "slow");
    });
    });</script><style>
    .block{
    background-color:#3300FF;
    width:10px;
    height:10px;
    }
    </style>
    </head><body>
    <button id="go"> Run</button>
        <div id="block">Hello!</div>
        
        <button id="left">«</button> <button id="right">»</button>
    <div class="block"></div>
    </body>
    </html>
    不知道这样是不是你要达到的效果。
      

  4.   

    简单
    $("#xxx").animate({ width:"hide",opacity:"hide"},600);
    $("#xxx").animate({ width:"show",opacity:"show"},600);
      

  5.   

    有effect方法，有不少预定义好的效果其中包括你想要的
    http://jqueryui.com/demos/effect/#default你需要的那个应该是Shake$( selector ).effect( "shake", {}, duration, callback );
      

  6.   

    花哨的东西不太实用
    毕竟每个浏览器对于effect的实现效果都不一样
    也不是每个浏览器都支持这些效果对于那些非准备浏览器的用户体验会很差的