[jQ]用 jQuery 做廣告 – 網頁右上掀角翻頁廣告 - 誘餌加強版

$(function(){
	// 自動掀角的秒數
	var speed = 2000;
	// 計時器
	var timer;
 
	// 幫 #ad 加上 hover() 事件
	$("#ad").hover(function(){	// 當滑鼠移進時..
		// 停止計時器
		clearTimeout(timer);
 
		// 先停止未完成的動畫後再進行新的動畫
		// 圖片放大展示
		$("a img, a .adBody", this).stop().animate({
				width: 500,
				height: 500
			}, 500);
 
	}, function(){	// 當滑鼠移出時..
		// 先停止未完成的動畫後再進行新的動畫
		// 圖片恢復原狀
		$("a img, a .adBody", this).stop().animate({
				width: 0,
				height: 0
			}, 200);
 
		// 移除 #ad 的 hover() 事件
		$(this).unbind("hover");
	});
 
	function fish(){
		// 判斷目前是否顯示
		var _value = $("#ad a img").width()>0 ? 0 : 100;
 
		// 進行圖片的顯示/隱藏變化
		$("#ad a img, #ad a .adBody").animate({
			width: _value,
			height: _value
		}, 500);
 
		// 啟動計時器
		timer = setTimeout(fish, speed);
	}
 
	// 啟動計時器
	timer = setTimeout(fish, speed);
});