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>
浜屻€佺櫨瀹跺彿鎬庝箞鑳借浆姝?
1.鎸佺画鏇存柊锛屽潥鎸佹棩鏇存槸鏂版墜鏈熺櫨瀹跺彿浣滆€呭繀鍋氱殑浜嬫儏锛屽崈涓囦笉鑳芥柇鏇淬€傚钩鍙颁細鏍规嵁鍙戞枃鏃堕暱闄嶄綆浣犵殑鐧惧鍙锋寚鏁帮紝涔熶細褰卞搷鍒扮櫨瀹跺彿鐨勮浆姝ｃ€?/p>
2.鍘熷垱銆傛柊鎵嬫湡浣滃搧涓€瀹氳娉ㄩ噸鍘熷垱锛屼笖鐧惧鍙峰钩鍙扮幇鍦ㄥ鏂囩珷鍐呭瀹℃牳杈冧弗璋紝濡傛灉鍙戠幇浣犵殑鍐呭鏄惉杩愮殑锛屼細鎵ｅ垎锛屾洿鍔犲奖鍝嶅埌鐧惧鍙疯浆姝ｃ€?/p>
3.灏介噺涓嶈拷鐑偣銆傚唴瀹逛笉瑕佸啓璐熼潰銆佹秷鏋佺殑鏂囩珷銆傚啓绉瀬銆佹鑳介噺鐨勬枃绔狅紝鐧惧鍙风殑鎺ㄨ崘浼氬紑濮嬫參鎱㈠彉澶氥€傜櫨瀹跺彿骞冲彴瀵硅繖涓€绫荤殑鏂囩珷锛屼細涓嶇粰鎺ㄨ崘鐨勶紝鍋氫负鏂版墜鏈熶綔鑰咃紝浣犲簲璇ヨ涓涓煩銆?/p>
鏂版墜鏈熻€佸疄鍋氳嚜宸辩殑鍐呭锛岃皑鎱庤拷鐑偣浜嬩欢銆傛墍浠ュ垰寮€濮嬭璋冩暣鍐欎綔鏂瑰悜锛屽啓鏂囬鏍硷紝涓嶈兘涓轰簡澧炲姞闃呰閲忥紝鏈夌儹鐐瑰氨璧剁揣杩斤紝杩欐牱瀵逛簬鏂版墜鏈熺殑浣犳潵璇存病鏈夋帹鑽愶紝闃呰閲忎篃骞朵笉鍙銆?/p>
4.閰嶅浘锛屼竴瀹氶閫夐珮娓咃紝鏃犳按鍗扮殑绮剧編鍥剧墖锛屾湁鍒╀簬鎺ㄨ崘銆傜櫨瀹跺彿骞冲彴瑕佹眰鏂囩珷蹇呴』閰嶅浘锛岀湅浣犳枃绔犵殑瀛楁暟鏉ラ櫔锛屼竴鑸?000瀛楀乏鍙冲彲浠ラ厤3-4寮犲浘灏卞彲浠ヤ簡銆傛柊鎵嬫湡鐨勪綔鑰呭鏂囩珷鐨勯厤鍥句篃涓嶈兘鎺変互杞诲績锛屾枃绔犲唴瀹瑰啀濂斤紝閰嶅浘涔熻鎱庨噸閫夋嫨銆?/p>
5.棰嗗煙涓撴敞锛屾柊鎵嬪湪鍒涗綔鍐呭杩囩▼涓紝涓€瀹氳淇濇寔鍨傜洿搴︺€傞€夋嫨浠€涔堥鍩熷氨鍐欎粈涔堝唴瀹癸紝姣斿鍐欏ū涔愮殑灏卞啓濞变箰锛屼笉瑕佸幓鍐欎粈涔堢編椋熷垎浜箣绫荤殑鍐呭銆?/p>
6.鏂囩珷瀛楁暟锛屽苟涓旀枃绔犲瓧鏁版渶濂藉湪1000鍒?600瀛楀乏鍙筹紝鏂囩珷鐨勮川閲忓垎浼氫笂鍗囧緢蹇€?/p>
7.浜掑姩锛屼綔涓虹櫨瀹跺彿鏂版墜锛屽悓鏃朵篃瑕佹敞鎰忓拰璇勮鑰呬滑浜掑姩锛岀櫨瀹跺彿鎸囨暟鏈変釜鐢ㄦ埛鍠滅埍鎸囨暟鍜岃繖涓簰鍔ㄦ湁涓€瀹氱殑鑱旂郴銆?/p>
鐧惧鍙疯嚜濯掍綋杞鏃堕棿鏄笉鍥哄畾鐨勶紝鍥犱负澶у閫夋嫨鐨勮涓氫笉鍚岋紝瀵逛簬鍐呭鐨勬妸鎻＄▼搴︿笉鍚岋紝鎵€浠ワ紝杞鐨勬椂闂翠笂鑲畾涔熸槸鏈夊樊寮傜殑锛岄€氬父鍐呭鍋氱殑濂斤紝杞鏃堕棿涔熸槸闈炲父蹇殑锛屾墍浠ワ紝鎯宠禋閽憋紝閭ｉ渶瑕佸啓濂藉唴瀹规墠琛屻€?/p>
鎺ㄨ崘闃呰锛?/p>
鐧惧鍙疯嚜濯掍綋鎬庝箞璧氶挶锛熻嚜濯掍綋鏀剁泭濡備綍锛?br/>
鐧惧鍙锋柊鎵嬪簲璇ュ彂浠€涔堜綔鍝侊紵濡備綍搴﹁繃鏂版墜鏈燂紵
鐧惧鍙锋€庝箞鍙戝竷浣滃搧锛熸湁鍝簺娴佺▼锛?br/>
