var t = n = i = 0, count;
$(function () {
count = $(".scroll_pic .scroll_item").length;//求出图片数量
$(".scroll_pic .scroll_item:not(:first)").hide();//隐藏第一张以外的所有图片
$("#scroll_button li").click(function () {
i = n = $(this).index();//index() 方法返回指定元素相对于其他指定元素的 index 位置。
$(".scroll_pic .scroll_item").eq(i).show().siblings().hide();//siblings()选择除自身以外的所有同胞元素
$(this).addClass("scroll_in").siblings().removeClass("scroll_in");
//鼠标经过图片区域停止setInterval()调用函数，移开恢复
});
t = setInterval("picShowAuto()", 3000);//setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭
$(".scroll").hover(function () {
clearInterval(t)
}, function () {
t = setInterval("picShowAuto()", 3000);
});
});
function picShowAuto() {
n = n >= (count - 1) ? 0 : ++n;
$("#scroll_button li").eq(n).trigger("click");//trigger() 方法触发被选元素的指定事件类型
}
1銆佸畾涔夊垱涓氶」鐩?/p>
鍒涗笟涓渶閲嶈鐨勪竴閮ㄥ氨鏄寮勬竻妤氫綘鐨勫垱涓氶」鐩紝浠€涔堟槸鍒涗笟椤圭洰?濡備綍寮€灞曞競鍦?鎬庝箞鎵╁睍缃戠粶绛夌瓑锛岃繖浜涢兘鏄垱涓氳€呬滑蹇呴』瑕佷簡瑙ｇ殑銆?/p>
鍦ㄥ垱涓氫箣鍒濓紝澶у鍙兘閮戒細闈㈠澶氫釜椤圭洰鐨勯€夋嫨锛屼紬澶氱殑鍒涗笟椤圭洰锛岄€夋嫨浠€涔堝ソ鍛?闈㈠浼楀鐨勫垱涓氶」鐩紝鍦ㄥ垱涓氶」鐩殑閫夋嫨涓婏紝澶у灏辫娓呮鐨勫畾涔夊垱涓氶」鐩€?/p>
2銆佺粰鍒涗笟椤圭洰涓€涓紑濮嬪拰缁撴潫鏃ユ湡
鍒涗笟鏈夊紑濮嬶紝涔熶細鏈夌粨鏉燂紝鏃犺鏄垱涓氳繕鏄紑濮嬶紝閮芥槸鍗佸垎閲嶈鐨勪竴姝ャ€傚綋鐒讹紝杩欓噷鐨勭粨鏉熸寚鐨勪笉鏄粨鏉熷垱涓氾紝鑰屾槸浣犺嚜宸卞鍒涗笟椤圭洰璁惧畾鐨勪竴涓粨鏉熸椂闂达紝杩欓噷鍙互鐞嗚В涓烘垚鍔熺殑鏃堕棿銆?/p>
鍒涗笟椤圭洰鐨勫紑濮嬪拰缁撴潫锛岀洿鎺ュ叧绯诲埌鍚姩鎴栧畬鎴愮殑浼樺厛绾э紝寮€濮嬪枬缁撴潫鐨勬棩鏈熶篃闇€瑕佹寜鐓ц嚜宸辩殑涓氬姟鍛ㄦ湡杩涜璁″垝锛屽苟涓旇闃叉椤圭洰鐨勬寔缁椂闂磋秴杩囧師鍏堣鍒掔殑銆?/p>
3銆佸仛涓€椤电殑璁″垝
鍦ㄥ垱涓氱殑杩囩▼涓紝涓€瀹氳鏈夋妧鏈紝鏆備笖涓嶈澶氫箞涓板瘜鐨勮鍒掞紝浣嗘槸灏戦噺鐨勮鍒掓槸涓€瀹氳鏈夌殑锛屾渶濂芥槸寤虹珛涓€涓崟椤佃鍒掞紝璁捐鐨勫唴瀹瑰彲浠ユ槸浠ヤ笅杩欎簺锛?/p>
璁″垝瑙ｅ喅浠€涔堥棶棰?
杩欐牱鐨勮鍒掑椤圭洰鏈変粈涔堝ソ澶?
闇€瑕佷粈涔堟牱鐨勪汉鍛橀厤鍚堝畬鎴愯鍒?
鏈€缁堢殑鈥滈噷绋嬬鈥濇槸浠€涔?
鏈夋病鏈変粈涔堟綔鍦ㄩ棶棰?
鎴愬姛鐨勬椂闂撮璁℃槸浠€涔堟椂鍊?
杈惧埌浠€涔堟爣鍑嗗氨琛ㄧず瀹屾垚璁″垝浜?
4銆佸缓绔嬫矡閫?/p>
寰堝鐨勫垱涓氶」鐩秹鍙婂埌鐨勪笉鏄崟涓垚鍛橈紝鍙兘涔熶細瀛樺湪寰堝鐨勪汉鍛橈紝杩欎釜鏃跺€欏氨闇€瑕佸洖鎶ヨ繘灞曟儏鍐碉紝浠ヤ究澶у鏈変竴涓缁嗙殑浜嗚В锛屾墍浠ヨ繖涓椂鍊欏氨闇€瑕佸洟闃熸垚鍛樼殑娌熼€氥€?/p>
鍥㈤槦鎴愬憳鐨勬矡閫氭槸闈炲父閲嶈鐨勶紝鎵€璋撶殑娌熼€氬懆鏈熸槸澶氶暱鍛?涓€鍛?涓€涓湀?杩欎簺閮芥槸闇€瑕佸洜鏃惰€屽紓鐨勩€?/p>
5銆佺煡閬撲綍鏃剁粓姝㈠垱涓氶」鐩?/p>
鍒涗笟鏈夊紑濮嬶紝涔熶細鏈夌粓姝紝鍊樿嫢杩愭皵涓嶅ソ鐨勮瘽锛屽垱涓氬け璐ヤ簡璇濓紝缁堟椤圭洰鐨勮繖涓€姝ユ槸寰堥噸瑕佺殑銆傚寘鎷紑濮嬪拰缁撴潫鏃ユ湡锛岀敋鑷虫槸闃舵鎬х洰鏍囷紝杩欎簺閮芥槸闇€瑕佹槑纭殑銆?/p>
鍏跺疄璁″垝瀵逛簬鍒涗笟鏉ヨ鎸洪噸瑕佺殑锛屽綋浣犲湪鍒涗笟閫斾腑閬囧埌闂涓嶇煡閬撳浣曡В鍐崇殑鏃跺€欙紝鍙互鐪嬬湅鑷繁鐨勮鍒掍功锛屾湞鐫€璁″垝鐨勬柟鍚戝幓鍋氬氨鍑嗘病閿欙紝鎵€浠ヨ鍒掍功灏辩浉褰撲簬涓€涓悜瀵硷紝鑰屾渶缁堣鎵ц鐨勮繕鏄潬鑷繁鍝︺€?/p>
鎺ㄨ崘闃呰锛?br/>
鏂版墜鍒涗笟璇ユ壘浠€涔堥」鐩?杩欏嚑涓」鐩彲浠ヨ€冭檻涓€涓?/p>
鍒涗笟鍒嗕负鍝嚑绉嶇被鍨?瑕佷粠杩欎笁涓柟闈㈡潵鍒?/p>
娌℃湁閽卞彲浠ュ垱涓氬悧?闇€瑕佽€冭檻浠€涔?
