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() 方法触发被选元素的指定事件类型
}
鏈湡鍒嗕韩鐨勫澶栫數鍟嗙煡璇嗘槸閫熷崠閫氫骇鍝佺殑瀹氫环搴旇濡備綍杩涜锛岄殢鐫€涓浗缁忔祹鐨勫揩閫熷彂灞曪紝瓒婃潵瓒婂鐨勬皯闂磋祫鏈湪鍥藉唴褰㈡垚浜嗚嚜宸辩殑浜т笟閾俱€傚湪浜掕仈缃戞氮娼箣涓嬶紝鐢靛瓙鍟嗗姟鎴愪负浜嗗悇鐣屽叧娉ㄧ殑閲嶇偣銆傜洰鍓嶏紝閫熷崠閫氬凡鎴愪负浜嗕腑鍥藉璐搁鍩熺殑涓€澶ч噸瑕佸钩鍙帮紝鍚屾椂涔熷彈鍒颁簡寰堝涓浗宸ュ巶鍟嗙殑鍏虫敞銆傚浜庨€熷崠閫氫骇鍝佺殑瀹氫环锛屽伐鍘傚晢璇ュ浣曡繘琛岋紵浠ヤ笅鏄竴浜涘畾浠风瓥鐣ョ殑鍙傝€冦€?/p>
涓€銆佹垚鏈姞浠锋硶
鎵€璋撴垚鏈姞浠锋硶锛屽氨鏄皢鍒堕€犳垚鏈姞涓婁竴瀹氭瘮渚嬬殑鍒╂鼎浣滀负鏈€缁堝敭浠枫€傝繖绉嶆柟娉曠浉瀵圭畝鍗曟槑浜嗭紝鏂逛究璁＄畻锛岄€傚悎浜庝互浣庝环鏍煎ぇ閲忕敓浜х殑涓皬浼佷笟銆備絾鐢变簬娌℃湁鑰冭檻甯傚満闇€姹傚拰娑堣垂鑰呭績鐞嗗洜绱狅紝鍙兘闈复浠锋牸杩囬珮鑰屽鑷撮攢鍞噺涓嶄匠鐨勬儏鍐点€?/p>
浜屻€佸競鍦哄畾浠锋硶
甯傚満瀹氫环娉曟槸浠ュ競鍦洪渶姹備负鍩虹锛屾牴鎹骇鍝佺殑甯傚満鍦颁綅銆佸搧鐗岀煡鍚嶅害銆佺珵浜夌幆澧冪瓑鍥犵礌鏉ョ‘瀹氬悎鐞嗙殑鍞环銆傝繖绉嶆柟娉曢渶瑕佹姇鍏ュぇ閲忕殑璋冪爺绮惧姏锛屼絾鏄兘澶熷噯纭妸鎻″競鍦鸿鎯咃紝閬垮厤浠锋牸杩囬珮鎴栬繃浣庣殑鎯呭喌锛屾槸浼佷笟杩涜瀹氫环鐨勯噸瑕佷緷鎹€?/p>
涓夈€佺珵浜夊畾浠锋硶
绔炰簤瀹氫环娉曚富瑕佹槸鏍规嵁鑷韩浜у搧涓庡悓绫讳骇鍝佺殑宸紓鎬ф潵纭畾鍞环銆傚湪鍚岃川鍖栦弗閲嶇殑甯傚満鐜涓嬶紝浠锋牸寰€寰€鏄秷璐硅€呰繘琛岃喘涔板喅绛栫殑涓€涓噸瑕佸洜绱犮€傚湪姝ゆ儏鍐典笅锛屽埗瀹氱浉瀵瑰悎鐞嗙殑鍞环锛屽挨鍏舵槸鐩稿浜庣珵浜夊鎵嬫洿鍔犱紭鎯犵殑浠锋牸锛岃兘澶熸湁鏁堝惛寮曟秷璐硅€呯殑鍏虫敞锛屾彁楂橀攢閲忋€?/p>
鍥涖€佹笭閬撳畾浠锋硶
閫熷崠閫氫綔涓轰竴绉嶇數瀛愬晢鍔″钩鍙帮紝鍏锋湁鐙壒鐨勯攢鍞ā寮忓拰娓犻亾鐗圭偣銆傛笭閬撳畾浠锋硶灏辨槸鏍规嵁閿€鍞笭閬擄紝閫夋嫨涓嶅悓鐨勫敭浠风瓥鐣ャ€備緥濡傚湪閫熷崠閫氬钩鍙颁笂锛岄€氳繃浼樻儬鍒搞€佹姌鎵ｇ瓑娲诲姩鏉ュ惛寮曟秷璐硅€咃紝鎴栬€呮牴鎹鑺傚彉鍖栬皟鏁村敭浠风瓑绛夈€傝繖绉嶆柟娉曠浉瀵圭伒娲诲鍙橈紝鑳藉閫傚簲甯傚満鍙樺寲锛屾洿濂藉湴鍚稿紩娑堣垂鑰呫€?/p>
浜斻€佸樊寮傚寲瀹氫环娉?/p>
宸紓鍖栧畾浠锋硶涓昏鏄拡瀵逛笉鍚岀殑瀹㈡埛缇や綋杩涜涓嶅悓浠蜂綅鐨勫畾浠枫€傚瀹氫綅楂樼瀹㈡埛锛屽湪鍚岀被浜у搧涓彁楂樺敭浠凤紱瀹氫綅鏅強鍨嬪鎴凤紝鍦ㄥ悓绫讳骇鍝佷腑淇濇寔涓瓑浠蜂綅绛夌瓑銆傝繖绉嶆柟娉曢渶瑕佽繘琛岃灏界殑甯傚満璋冪爺锛岄拡瀵逛笉鍚岀殑瀹㈡埛缇や綋杩涜鍒嗘瀽锛屾墠鑳芥壘鍒板悎鐞嗙殑宸紓鍖栧畾浠风瓥鐣ャ€?/p>
鎬讳箣锛岄€熷崠閫氫骇鍝佺殑瀹氫环闇€瑕佸叏闈㈣€冭檻甯傚満鐜銆佺珵浜夊鎵嬨€佹笭閬撶壒鐐圭瓑澶氱鍥犵礌銆備紒涓氶渶瑕佺患鍚堣繍鐢ㄥ悇绉嶅畾浠风瓥鐣ワ紝纭畾鐩稿鍚堢悊鐨勫敭浠凤紝鎵嶈兘鏇村ソ鍦版弧瓒虫秷璐硅€呴渶姹傦紝鎻愰珮閿€閲忓拰鐩堝埄鑳藉姏銆?/p>
