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銆佸嚭鍙ｆ€婚噺绋虫澧為暱
鍗楀畞甯傝繃鍘诲嚑骞寸殑鍑哄彛鎬婚噺涓€鐩村憟鐜板嚭绋虫澧為暱鐨勬€佸娍銆?018骞达紝鍗楀畞甯傝繘鍑哄彛鎬婚瓒呰繃2000浜垮厓浜烘皯甯侊紝鍚屾瘮澧為暱4.8%銆傚彲浠ョ湅鍑猴紝鍗楀畞甯傜殑鍑哄彛鎬婚噺鍦ㄩ€愬勾澧炲姞銆?/p>
2銆佸嚭鍙ｅ搧绉嶄赴瀵屽鏍?/p>
鍗楀畞甯傜殑鍑哄彛鍝佺涓嶆柇鎵╂暎锛屾兜鐩栦簡鍚勪釜琛屼笟銆傚叾涓紝鏈虹數浜у搧銆佺汉缁囧搧鍜屾湇瑁呫€佸啘浜у搧绛夋槸鍗楀畞甯傜殑鍑哄彛閲嶇偣銆備笌姝ゅ悓鏃讹紝鍗楀畞甯傝繕鍦ㄧН鏋佹嫇灞曞叾浠栦骇涓氱殑鍑哄彛锛屽姹借溅闆堕儴浠躲€佺數瀛愪俊鎭拰鐢熺墿鍖昏嵂绛夐鍩熴€?/p>
3銆佹捣鍏崇洃绠℃笎绱?/p>
杩戝勾鏉ワ紝鍏崇◣澹佸瀿鍜岃锤鏄撴懇鎿﹀鍔狅紝鍗楀畞甯傜殑鍑哄彛浼佷笟闈复鐫€鏇翠负涓ユ牸鐨勬捣鍏崇洃绠°€傚洜姝わ紝鍗楀畞甯傜殑鍑哄彛浼佷笟蹇呴』鍔犲己鑷韩鍝佺墝寤鸿鍜屾妧鏈垱鏂帮紝浠ユ彁楂樹骇鍝佽川閲忓拰闄嶄綆鎴愭湰銆?/p>
浜屻€佸崡瀹佷紒涓氬浣曞疄鐜板嚭鍙ｈ浆鍨嬪崌绾?/p>
1銆佸姞寮哄搧鐗屽缓璁?/p>
鍦ㄥ浗闄呭競鍦轰笂鍋氬ぇ鍋氬己鑷富鍝佺墝鏄崡瀹佷紒涓氬疄鐜板嚭鍙ｈ浆鍨嬪崌绾х殑鍏抽敭銆傚崡瀹佷紒涓氶渶瑕佸埄鐢ㄤ笓鍒╀繚鎶ゃ€佸晢鏍囨敞鍐岀瓑鏂瑰紡鎺屾彙鏍稿績鎶€鏈拰鍝佺墝鐭ヨ瘑浜ф潈锛屽苟閫氳繃澶氱娓犻亾杩涜鍝佺墝鎺ㄥ箍鍜屽浼狅紝鎵╁ぇ鍝佺墝褰卞搷鍔涖€?/p>
2銆佹妧鏈垱鏂?/p>
鎶€鏈垱鏂版槸鍗楀畞浼佷笟瀹炵幇鍑哄彛杞瀷鍗囩骇鐨勯噸瑕佹墜娈点€傚崡瀹佷紒涓氬彲浠ラ€氳繃寮曡繘鍏堣繘鎶€鏈€佸紑灞曡嚜涓荤爺鍙戙€佸姞寮虹鎶€鍒涙柊绛夐€斿緞锛屼笉鏂彁楂樹骇鍝佽川閲忓拰闄嶄綆鐢熶骇鎴愭湰锛屼粠鑰屾彁鍗囧競鍦虹珵浜夊姏銆?/p>
3銆佹嫇灞曞浗闄呭競鍦?/p>
鍗楀畞浼佷笟闇€瑕佸皢鐩厜鎶曞悜鏇村箍闃旂殑鍥介檯甯傚満锛岀Н鏋佸弬涓庡浗闄呰锤鏄撳崗璁拰鑷敱璐告槗鍖哄缓璁撅紝寮€鍙戞柊鐨勬捣澶栧競鍦恒€傚悓鏃讹紝鍗楀畞浼佷笟杩樺彲浠ラ€氳繃缃戠粶钀ラ攢銆佸弬鍔犲浗闄呭睍浼氱瓑鏂瑰紡锛屽姞寮哄鍥介檯甯傚満鐨勪簡瑙ｅ拰鎷撳睍銆?/p>
4銆佸紑鍙戞柊鐨勫嚭鍙ｄ骇鍝?/p>
鍗楀畞浼佷笟鍙互閫氳繃寮€鍙戞柊鐨勫嚭鍙ｄ骇鍝侊紝鎵╁ぇ鍑哄彛甯傚満銆備緥濡傦紝鍗楀畞浼佷笟鍙互浠庡崟涓€鍒堕€犲悜绯荤粺鍖栧拰鏅鸿兘鍖栬浆鍨嬶紝寮€鍙戝嚭鏇村姞绗﹀悎甯傚満闇€姹傜殑楂樼浜у搧銆?/p>
鎬讳箣锛屽崡瀹佸嚭鍙ｅ競鍦虹殑鏈€鏂拌秼鍔挎槸绋虫澧為暱锛屽嚭鍙ｅ搧绉嶄赴瀵屽鏍凤紝娴峰叧鐩戠涔熷湪娓愮揣銆傚崡瀹佷紒涓氳瀹炵幇鍑哄彛杞瀷鍗囩骇锛屽繀椤诲姞寮哄搧鐗屽缓璁俱€佹妧鏈垱鏂般€佹嫇灞曞浗闄呭競鍦哄拰寮€鍙戞柊鐨勫嚭鍙ｄ骇鍝併€傚彧鏈変笉鏂彁鍗囪嚜韬珵浜夊姏锛屾墠鑳藉湪婵€鐑堢殑鍥介檯甯傚満绔炰簤涓珛浜庝笉璐ヤ箣鍦般€?/p>
