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>
2銆侀渶瑕佽浆姝ｏ紝棣栧厛闇€瑕佸叿澶囩殑鏉′欢涔嬩竴灏辨槸娉ㄥ唽鐧惧鍙?0澶╀互涓婏紝杩欎釜鐨勮瘽姣忎釜浜洪兘鑳借绠楀嚭娉ㄥ唽鏃堕暱锛屾墍浠ユ垜浠洿鎺ユ潵鐪嬬湅绗簩涓潯浠讹紝蹇呴』淇濊瘉璐﹀彿鍒?00鍒嗘墠琛岋紝鍦ㄨ嚜宸辩殑澶村儚涓嬫柟鈥滆处鍙蜂俊鐢ㄢ€濊繖閲屽彲浠ョ湅鍒拌嚜宸辩殑鍒嗗€硷紝濡備笅鍥撅細
3銆佹渶鍚庢垜浠繕蹇呴』纭繚鑷繁鐨勭櫨瀹跺彿鎸囨暟澶т簬绛変簬500锛屽幓鍝噷鐪嬭嚜宸辩殑鐧惧鍙锋寚鏁板憿?鍦ㄩ椤靛乏渚т腑灏辫兘鎵惧埌瀹冿紝濡傚浘鎵€绀猴細
浠ヤ笂鐨勪笁鐐瑰繀椤诲悓鏃舵弧瓒虫墠鏈夊彲鑳借浆姝ｏ紝璇锋敞鎰忓彧鏄湁鍙兘!鐐瑰嚮澶村儚涓嬫柟鐨勨€滄垜鐨勬潈鐩娾€濈劧鍚庡氨鍙互鐢宠杞浜嗭紝浣嗘槸骞朵笉鏄鍚堣繖鍑犱釜鏉′欢浜嗗氨涓€瀹氳兘杞鎴愬姛锛岀郴缁熻繕浼氭牴鎹垜浠彂甯冪殑鍐呭璐ㄩ噺鏉ュ垽鏂槸鍚︽湁杞璧勬牸銆?/p>
鏂版墜鏈熸湁娴侀噺鎵舵寔鍚?
鍏跺疄鐧惧鍙锋湁鏂版墜鏈熺殑锛屾柊鎵嬫湡鐨勬椂闂存槸7澶┿€傚湪杩?澶╁唴鍙戠殑瑙嗛涔熸湁娴侀噺鎺ㄨ崘缁欎綘锛屼篃鏈夌矇涓濇帹鑽愮粰浣犵殑銆傝繃浜?澶╂柊鎵嬫湡鍚庯紝浣犱細鍙戠幇浣犵殑鐨勮棰戠湅鐨勪汉灏戜簡锛屽姞鍏虫敞鐨勭矇涓濅篃灏戜簡銆傞櫎闈炰綘鏈夐珮璐ㄩ噺鐨勪紭璐ㄨ棰戙€?/p>
鐧惧鍙锋柊鎵嬭杞锛岃捣鐮佹槸璐﹀彿娉ㄥ唽鐨勬椂闂寸瓑浜庢垨鏄ぇ浜?0澶╋紝璐﹀彿鐨勫垎寰楁槸100涓旂櫨瀹跺彿鐨勬寚鏁拌繕涓嶈兘浣庝簬500锛屽鏋滆€呰繖涓夎€呬綘鍏ㄩ儴婊¤冻浜嗛偅鎵嶈兘鐢宠杞銆?/p>
鎺ㄨ崘闃呰锛?/p>
鐧惧鍙烽€傚悎鏂版墜鍚?鏂版墜鐜╃櫨瀹跺彿鍙互鍚?
涓轰粈涔堝緢澶氫汉鏀惧純鐧惧鍙?涓哄暐娌℃湁鎺ㄨ崘閲?
鑷獟浣撶櫨瀹跺彿鎬庝箞鍚堜綔?鑷獟浣撶櫨瀹跺彿娉ㄥ唽鍚堜綔娴佺▼
