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() 方法触发被选元素的指定事件类型
}
鏈湡鍒嗕韩鐨勫澶栫數鍟嗙煡璇嗘槸wish骞冲彴鍏ラ┗鏉′欢鍏ㄩ潰瑙ｆ瀽锛岄殢鐫€缃戠粶璐墿鐨勯€愭笎鏅強锛岃秺鏉ヨ秺澶氱殑鍟嗗寮€濮嬪湪鐢靛晢骞冲彴涓婂紑璁惧簵閾恒€傚叾涓紝浠ish涓轰唬琛ㄧ殑娴峰璐墿骞冲彴鍥犲叾浠锋牸浣庡粔銆佸晢鍝佷赴瀵岃€屽鍙楁秷璐硅€呴潚鐫愩€備絾鏄紝鐢变簬鍏ラ┗闂ㄦ涓嶅楂橈紝涓€浜涗笉鑹晢瀹朵篃浼氬€熸満娣锋穯甯傚満锛岀粰娑堣垂鑰呭甫鏉ヤ笉蹇呰鐨勫洶鎵般€傚洜姝わ紝浣滀负鍟嗗锛屾垜浠簲璇ヨ缁嗕簡瑙ish骞冲彴鐨勫叆椹绘潯浠跺苟鎻愬崌瀹℃牳閫氳繃鐜囦笌搴楅摵鍙俊搴︺€?/p>
涓€銆亀ish骞冲彴鍏ラ┗鏉′欢鍏ㄩ潰瑙ｆ瀽
1.娉ㄥ唽wish璐﹀彿锛氬晢瀹堕渶瑕佸厛娉ㄥ唽wish璐﹀彿锛岃鐪熷～鍐欑浉鍏充俊鎭紝纭繚娓呮櫚鍑嗙‘銆?/p>
2.钀ヤ笟鎵х収锛歸ish瑕佹眰鍟嗗鎻愪緵钀ヤ笟鎵х収杩涜楠岃瘉锛岃瘉鏄庡晢瀹舵槸鍚堟硶缁忚惀鐨勪釜浣撴垨浼佷笟銆?/p>
3.搴楅摵鍚嶇О锛氬晢瀹堕渶瑕侀€夋嫨涓€涓悎閫傜殑搴楅摵鍚嶇О锛屾敞鎰忓簵閾哄悕绉颁笉鑳戒镜鐘粬浜虹殑鐭ヨ瘑浜ф潈鍜屽晢鏍囨潈銆?/p>
4.鍟嗗搧鎻忚堪锛歸ish瀵瑰晢鍝佹弿杩拌姹傝緝楂橈紝鍟嗗闇€瑕佽鐪熸弿杩板晢鍝佺殑鏉愭枡銆佸昂瀵搞€侀噸閲忕瓑璇︾粏淇℃伅銆?/p>
5.鍟嗗搧鍥剧墖锛氬晢瀹堕渶瑕佷笂浼犲晢鍝佸浘鐗囷紝骞朵繚璇佸浘鐗囬珮娓呫€佺湡瀹炪€佹棤姘村嵃銆?/p>
6.浜у搧鍝佽川锛歸ish瑕佹眰鍟嗗鐨勪骇鍝佸搧璐ㄨ揪鍒颁竴瀹氱殑鏍囧噯锛屽晢瀹堕渶瑕佸湪閫夋嫨渚涘簲鍟嗘椂灏藉彲鑳戒繚璇佷骇鍝佺殑鍝佽川銆?/p>
7.鍞悗鏈嶅姟锛歸ish闈炲父鍊煎緱鍟嗗閲嶈鍞悗鏈嶅姟锛岃姹傚晢瀹舵彁渚涜壇濂界殑杩斾慨鍜岄€€娆炬湇鍔°€?/p>
浜屻€佹彁鍗囧鏍搁€氳繃鐜囦笌搴楅摵鍙俊搴︾殑鏂规硶
1.涓ユ牸閬靛畧wish骞冲彴瑙勫垯锛歸ish骞冲彴鏈夋槑纭殑瑙勫垯锛屽晢瀹跺繀椤婚伒瀹堬紝骞朵笉鏂彁楂樿嚜韬殑鍚堣姘村钩锛屾墠鑳芥彁楂樺鏍搁€氳繃鐜囥€?/p>
2.瀹屽杽搴楅摵淇℃伅锛氬晢瀹堕渶瑕佽鐪熷～鍐欏簵閾轰俊鎭紝渚嬪鍏徃鍚嶇О銆佸湴鍧€銆佺數璇濈瓑锛岀‘淇濆簵閾轰俊鎭湡瀹炪€佹湁鏁堛€傚悓鏃讹紝瀹屽杽搴楅摵璧勮川锛岃ˉ鍏呰惀涓氭墽鐓с€佺◣鍔＄櫥璁拌瘉銆佺粍缁囨満鏋勪唬鐮佽瘉绛夌浉鍏虫潗鏂欙紝鍙互璁﹚ish骞冲彴鏇村ソ鍦颁簡瑙ｅ晢瀹剁殑缁忚惀鎯呭喌锛屾彁楂樺簵閾哄彲淇″害銆?/p>
3.浼樺寲鍟嗗搧椤甸潰鍙婃弿杩帮細wish骞冲彴鏄竴涓己璋冨晢鍝佽川閲忕殑璐墿骞冲彴锛屽洜姝ゅ晢瀹堕渶瑕佽鐪熺紪鍐欏晢鍝佹弿杩帮紝灞曠ず鍟嗗搧鐗圭偣鍜屼紭鍔匡紝鍚屾椂闇€瑕侀珮璐ㄩ噺鍦版媿鎽勫晢鍝佸浘鐗囷紝浠ュ惛寮曟洿澶氭秷璐硅€咃紝鎻愰珮搴楅摵閿€閲忋€?/p>
4.鎻愪緵浼樿川鍞悗鏈嶅姟锛歸ish骞冲彴鐫€閲嶅己璋冨敭鍚庢湇鍔★紝鍟嗗搴旇鎻愪緵闀挎湡鐨勮繑淇拰閫€娆炬湇鍔★紝鎵挎媴鍟嗗搧璐ㄩ噺闂鐨勮矗浠伙紝璁╂秷璐硅€呮湁鏇村ソ鐨勮喘鐗╀綋楠屻€?/p>
5.瀵绘壘鍚堥€傜殑渚涘簲鍟嗭細wish骞冲彴寮鸿皟鍟嗗搧鍝佽川锛屽洜姝ゅ晢瀹跺簲璇ュ湪瀵绘壘渚涘簲鍟嗘椂閫夋嫨鏈変俊瑾夈€佹湁淇濋殰銆佹湁涓撲笟鐢熶骇鑳藉姏鐨勫巶瀹讹紝纭繚浜у搧鐨勫搧璐ㄥ拰鍞悗鏈嶅姟鐨勮川閲忋€?/p>
鎬讳箣锛屼綔涓哄晢瀹讹紝瑕佹兂鍦╳ish骞冲彴涓婅幏寰楁洿澶氱殑璁㈠崟鍜屾敹鐩婏紝灏卞繀椤昏鐪熼伒瀹坵ish骞冲彴瑙勫垯锛屾彁楂樿嚜韬殑鍚堣姘村钩锛屽悓鏃舵彁楂樺簵閾哄彲淇″害锛屼紭鍖栧晢鍝侀〉闈㈠強鎻忚堪锛屾彁渚涗紭璐ㄥ敭鍚庢湇鍔★紝閫夋嫨鏈変繚闅滅殑渚涘簲鍟嗐€傚彧鏈夎繖鏍锋墠鑳芥弧瓒虫秷璐硅€呯殑闇€姹傦紝璧㈠緱浠栦滑鐨勪俊浠诲拰鏀寔銆?/p>
