關於用jQuery實現效果

1、效果1：關於新聞信息文字上下切換

<div  id="scrollNews">
		  <ul>
			  <li>
				<span class="plin">July 12,2009 4:30 pm</span>
				AR Update: Rolling Stones concert canceled for July 22 in Los Angeles.
			  </li>
			  <li>
				<span class="plin">July 12,2009 4:30 pm</span>
				AR Update: Rolling Stones concert canceled for July 22 in Los Angeles.
			  </li>
		  </ul>
		  </div>

/*AR new*/
$(function(){
        var $this = $("#scrollNews");
		var scrollTimer;
		$this.hover(function(){
			  clearInterval(scrollTimer);
		 },function(){
		   scrollTimer = setInterval(function(){
						 scrollNews( $this );
					}, 3000 );
		}).trigger("mouseleave");
});
function scrollNews(obj){
   var $self = obj.find("ul:first");
   var lineHeight = $self.find("li:first").height(); //獲取行高
   $self.animate({ "marginTop" : -lineHeight +"px" }, 600 , function(){
         $self.css({marginTop:0}).find("li:first").appendTo($self); //appendTo能直接移動元素
   })
}

2、效果2：將模塊展開和關閉

/*模塊展開和關閉*/
$(function(){
		 $(".module_up_down").toggle(function(){
					var $self = $(this);
					$self.prev().slideToggle(600,function(){
						  $("img",$self).attr("src","images/up.gif");
					});
			 },function(){
					var $self = $(this);
					$self.prev().slideToggle(600,function(){
						  $("img",$self).attr("src","images/down.gif");
					});
		 })
})