jQuery 动画

此为一树型列表的例子：

 1 <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
 2 <script type="text/javascript">
 3     $(function(){                   //文档就绪处理程序
 4         $("li:has(ul)")　　　　　　　　//如果有子结点
 5         .click(function(event){
 6             if(this==event.target){
 7                 $(this).children().toggle();                  //子结点的隐藏，显示。
 8                 $(this).css("list-style-image",($(this).children().is(":hidden")) ?  "url(images/plus.gif)" : "url(images/munus.gif)");
 9                 }
10             return false;               
11             })
12         .css("cursor","pointer")          //加样式
13         .click();　　　　　　　　　　　　　　　　//点击
14         
15         $("li:not(:has(ul))")                    //如果没有子结点的样式，
16         .css({"cursor":"default","list-style-image":"none"});
17         });
18         
19         
20 </script>

show()

hide()

fadeIn()淡入

fadeOut()淡出

slideDown()滑下

slideUp()滑上

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

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

1 $(".a").each(function(){
2             $(this).animate(
3                 {$(this).width()*2,
4                  height:$(this).height()*2
5                 },
6                 2000
7             );            
8         });