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> 濡備綍鍋氭窐瀹濆锛?
瑕佹兂鍋氬ソ娣樺疂瀹紝棣栧厛闇€瑕佹湁涓€涓ǔ瀹氱殑娴侀噺鏉ユ簮銆傚彲浠ラ€氳繃寰俊鍏紬鍙枫€佸井鍗氥€丵Q绌洪棿绛夌ぞ浜ゅ獟浣撳钩鍙拌繘琛屾帹骞裤€傚叾娆★紝鍦ㄩ€夋嫨鍟嗗搧鏃堕渶瑕佹敞鎰忓搧璐ㄥ拰浠锋牸锛屽苟涓旇鏈夎嚜宸辩嫭鐗圭殑鎺ㄨ崘鐞嗙敱鍜屽啓浣滈鏍笺€傚悗锛屽湪鎺ㄥ箍杩囩▼涓娉ㄦ剰閬靛惊骞冲彴瑙勫垯鍜岃瘹瀹炲畧淇°€?/p> 灏忎紮鍋氭窐瀹濆澶氬杩涘疂
杩戝勾鏉ワ紝闅忕潃鐢靛晢琛屼笟涓嶆柇鍙戝睍澹ぇ锛岃秺鏉ヨ秺澶氬勾杞讳汉寮€濮嬫秾鍚戣繖涓鍩熷垱涓氥€傝€屽叾涓负鐑棬鐨勫氨鏄仛娣樺疂瀹€傚皬浼欏仛娣樺疂瀹㈠澶氳繘瀹濇垚涓轰簡浠栦滑杩芥眰姊︽兂鍜屽疄鐜拌嚜鎴戜环鍊肩殑閫斿緞銆?/p>
灏忎紮鏉庢槑锛堝寲鍚嶏級灏辨槸涓€浣嶅吀鍨嬬殑娣樺疂瀹㈠垱涓氳€呫€備粬浠庡ぇ瀛︽瘯涓氬悗渚垮紑濮嬩簡鑷繁鐨勭數鍟嗕箣璺紝鍦ㄧ粡鍘嗕簡鍑犳澶辫触鍚庯紝浠栫粓浜庢壘鍒颁簡灞炰簬鑷繁鐨勬柟娉曗€斺€斿仛娣樺疂瀹€?/p>
鈥滄垜瑙夊緱鍋氭窐瀹濆閲嶈鐨勫氨鏄鏈夎嚜宸辩嫭鐗圭殑鎺ㄨ崘鐞嗙敱鍜屽啓浣滈鏍笺€傗€濇潕鏄庤閬擄紝鈥滄垜浼氭寫閫夐偅浜涘搧璐ㄥソ銆佷环鏍煎悎鐞嗐€佷笖鏈夊競鍦洪渶姹傜殑鍟嗗搧杩涜鎺ㄥ箍锛屽苟涓斾細鍦ㄤ腑璇︾粏浠嬬粛鍟嗗搧鐗圭偣鍜屼娇鐢ㄥ績寰椼€傗€?/p>
闅忕潃鏃堕棿鎺ㄧЩ锛屾潕鏄庨€愭笎绉疮浜嗕竴瀹氭暟閲忕殑蹇犲疄绮変笣锛屽苟涓旇幏寰椾簡涓嶉敊鐨勬敹鐩娿€傗€滅幇鍦ㄦ垜姣忎釜鏈堣兘澶熻禋鍒颁袱涓変竾宸﹀彸銆傗€濇潕鏄庣瑧鐫€璇撮亾锛屸€滆櫧鐒惰繕娌℃湁杈惧埌鎴戠殑棰勬湡鐩爣锛屼絾鎴戠浉淇″彧瑕佸潥鎸佷笅鍘伙紝鏈潵涓€瀹氫細鏇村姞缇庡ソ銆傗€?/p> 鎬荤粨
灏忎紮鍋氭窐瀹濆澶氬杩涘疂鎴愪负浜嗚秺鏉ヨ秺澶氬勾杞讳汉杩芥眰姊︽兂鍜屽疄鐜拌嚜鎴戜环鍊间箣璺笂蹇呯粡涔嬭矾銆傚彧瑕佹嫢鏈夌ǔ瀹氭祦閲忔潵婧愩€佹敞鎰忛€夋嫨鍟嗗搧鍝佽川鍜屼环鏍笺€佸苟涓旈伒寰钩鍙拌鍒欏拰璇氬疄瀹堜俊锛屽湪涓嶆柇鍔姏涓Н绱粡楠屼笌绮変笣缇や綋锛屽湪鏈潵涔熻浼氬紑鍚洿鍔犵編濂借€屽厖婊″笇鏈涗笌鏈洪亣涔嬭矾銆?/p>
