jQuery 动画

 此为一树型列表的例子：

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
    $(function(){                   //文档就绪处理程序
        $("li:has(ul)")　　　　　　　　//如果有子结点
        .click(function(event){
            if(this==event.target){
                $(this).children().toggle();                  //子结点的隐藏，显示。
                $(this).css("list-style-image",($(this).children().is(":hidden")) ?  "url(images/plus.gif)" : "url(images/munus.gif)");
                }
            return false;               
            })
        .css("cursor","pointer")          //加样式
        .click();　　　　　　　　　　　　　　　　//点击
        
        $("li:not(:has(ul))")                    //如果没有子结点的样式，
        .css({"cursor":"default","list-style-image":"none"});
        });
        
        
</script>

show()

hide()

fadeIn()淡入

fadeOut()淡出

slideDown()滑下

slideUp()滑上

animate()创建动画，关于此，看看几个例子，就明白些了。

 下面这段代码是，网页加载后，图片自动入大两倍。

$(".a").each(function(){
            $(this).animate(
                {$(this).width()*2,
                 height:$(this).height()*2
                },
                2000
            );            
        });