主題推薦(P3)

二、切換照片

結果

var $li = $('.title li').hover(
	function(){$(this).addClass('over').siblings('.over').removeClass('over');}
	,function(){$(this).removeClass('over');})
	.click(function(){
		$(this).add($('.AD div').eq($(this).index()))
            .addClass('on').siblings('.on').removeClass('on');
	});

jQuery add() 方法參考連結

var speed = 2000
    , timer=window.setTimeout(move,speed);

//滑鼠移入時,停止循環照片	
$('.AD').hover(
	function(){ window.clearTimeout(timer);}
	,function(){window.setTimeout(move,speed);}
);

//控制輪播
function move(){
	var clickIndex = $('.title li.on').index();
		clickIndex = (clickIndex+1) % $li.length;
		$li.eq(clickIndex).click();
		timer=window.setTimeout(move,speed);
}