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> 涓戝厛鐢熶唬鐞嗚垂鏄灏戯紵鈥斺€旈棶绛旈儴鍒?Q1锛氫笐鍏堢敓浠ｇ悊璐规槸澶氬皯锛?
A1锛氫笐鍏堢敓鐨勪唬鐞嗚垂鏍规嵁涓嶅悓鐨勯」鐩€屾湁鎵€涓嶅悓锛屽叿浣撲环鏍奸渶瑕佷笌涓戝厛鐢熻繘琛屾矡閫氬崗鍟嗐€備絾鎬讳綋鏉ヨ锛屼笐鍏堢敓鐨勪唬鐞嗚垂鏄瘮杈冨悎鐞嗙殑銆?/p> Q2锛氫负浠€涔堣閫夋嫨涓戝厛鐢燂紵
A2锛氫綔涓轰竴瀹朵笓涓氱殑鍒涗笟鏈嶅姟鍏徃锛屼笐鍏堢敓鎷ユ湁澶氬勾鐨勮涓氱粡楠屽拰寮哄ぇ鐨勮祫婧愪紭鍔裤€傚悓鏃讹紝浠栦滑鎻愪緵鍏ㄦ柟浣嶇殑鏈嶅姟鍜屾敮鎸侊紝鑳藉甯姪鍒涗笟鑰呬滑蹇€熷疄鐜拌嚜宸辩殑姊︽兂銆?/p>
Q3锛氶櫎浜嗕唬鐞嗚垂浠ュ锛岃繕鏈夊摢浜涙垚鏈渶瑕佽€冭檻锛?/p>
A3锛氶櫎浜嗕唬鐞嗚垂浠ュ锛岃繕闇€瑕佽€冭檻鍒版敞鍐岃祫閲戙€佺閲戙€佽淇€佽澶囬噰璐瓑鏂归潰鐨勬垚鏈€傝繖浜涙垚鏈洜椤圭洰鑰屽紓锛屽湪鍒涗笟涔嬪墠闇€瑕佸仛濂借缁嗙殑棰勭畻瑙勫垝銆?/p> 鍏充簬涓戝厛鐢熶唬鐞嗚垂鈥斺€旇缁嗕粙缁?
浣滀负涓€瀹朵笓娉ㄤ簬鎻愪緵鍒涗笟鏈嶅姟鍜屾敮鎸佺殑鍏徃锛屼笐鍏堢敓鍦ㄥ競鍦轰笂鎷ユ湁杈冮珮澹拌獕銆備粬浠彁渚涘寘鎷競鍦鸿皟鐮斻€佸晢鏍囨敞鍐屻€佹硶寰嬪挩璇€佽储鍔＄鐞嗙瓑鍦ㄥ唴鐨勫叏鏂逛綅鏈嶅姟锛屽苟閽堝涓嶅悓椤圭洰鎻愪緵涓€у寲瑙ｅ喅鏂规銆?/p>
閭ｄ箞锛屽浜庡垱涓氳€呮潵璇村叧蹇冪殑闂鈥斺€斾笐鍏堢敓浠ｇ悊璐规槸澶氬皯鍛紵瀹為檯涓婏紝鍦ㄨ繖涓棶棰樹笂骞舵病鏈変竴涓浐瀹氱瓟妗堛€傚洜涓烘瘡涓」鐩兘鏈夊叾鐙壒鎬у拰澶嶆潅鎬э紝鍦ㄥ叿浣撳畾浠锋椂闇€瑕佽€冭檻鍒拌濡傝涓氱壒鐐广€佺珵浜夋儏鍐点€佸競鍦洪渶姹傜瓑鍥犵礌銆?/p>
浣嗘€讳綋鏉ヨ锛屼笐鍏堢敓鎵€鏀跺彇鐨勪唬鐞嗚垂鏄瘮杈冨悎鐞嗗拰閫忔槑鐨勩€備粬浠細鏍规嵁瀹㈡埛闇€姹傝繘琛岄噺韬畾鍒讹紝骞跺湪绛捐鍚堝悓鍓嶆槑纭憡鐭ュ悇椤规敹璐规爣鍑嗕互鍙婁粯娆炬柟寮忋€傛澶栵紝鍦ㄦ暣涓湇鍔¤繃绋嬩腑涔熶細淇濇寔涓庡鎴锋矡閫氱晠閫氾紝骞堕殢鏃惰皟鏁存湇鍔″唴瀹瑰拰杩涘害銆?/p>
褰撶劧锛屽湪閫夋嫨鏄惁瑕侀€夋嫨涓戝厛鐢熶綔涓鸿嚜宸卞垱涓氳矾涓婇噸瑕佷紮浼存椂锛岃繕闇€瑕佽€冭檻鍒板叾浠栧洜绱犮€傛瘮濡傚叾涓撲笟姘村钩銆佽涓氬０瑾夈€佽祫婧愪紭鍔跨瓑绛夈€傚彧鏈夊湪缁煎悎璇勪及鍚庡仛鍑哄喅绛栨墠鑳芥洿濂藉湴鎺ㄥ姩鑷繁浜嬩笟鍙戝睍銆?/p> 闄や簡浠ｇ悊璐逛互澶栵紝杩橀渶瑕佽€冭檻鍒板叾浠栨垚鏈?
鍦ㄥ垱涓氳繃绋嬩腑闄や簡瑕佽€冭檻鍒颁唬鐞嗚垂浠ュ杩橀渶瑕佽姳璐瑰ぇ閲忔椂闂村拰绮惧姏鍘昏鍒掑叾浠栨柟闈㈡垚鏈紑鏀細
棣栧厛灏辨槸娉ㄥ唽璧勯噾鈥斺€旇繖鏄叕鍙告甯歌繍钀ユ墍蹇呴』鍏峰骞跺瓨鏀惧湪閾惰璐︽埛涓綔涓哄鐢ㄨ祫閲戜娇鐢紱
鍏舵灏辨槸绉熼噾鈥斺€斿鏋滀綘娌℃湁鑷繁鐙珛缁忚惀鍦哄湴锛屽垯蹇呴』鏀粯绉熻祦鎴垮眿鎴栧姙鍏浜ф潈锛?/p>
鍐嶆灏辨槸瑁呬慨鍙婅澶囬噰璐€斺€旇繖涔熸槸寮€灞曟甯哥粡钀ユ椿鍔ㄦ墍蹇呴』鍏峰骞舵姇鍏ュぇ閲忚祫閲戯紱
鍚庡氨鏄汉鍛樺伐璧勫強绀句繚绂忓埄绛夌浉鍏冲紑鏀€斺€斿鏋滀綘闆囦剑鍛樺伐鍒欏繀椤绘敮浠樼浉搴旇柂閰強绀句繚绂忓埄绛夌浉鍏冲紑鏀€?/p>
浠ヤ笂杩欎簺鎴愭湰鍥犻」鐩€屽紓锛屽湪鍏蜂綋寮€灞曚箣鍓嶅繀椤诲仛濂借缁嗛绠楄鍒掞紝骞跺敖鍙兘闄嶄綆鍚勭寮€鏀互纭繚浼佷笟闀挎湡绋冲畾鍙戝睍銆?/p> 缁撹
閫氳繃浠ヤ笂浠嬬粛鎴戜滑鍙互寰楀嚭缁撹锛氬浜庘€滀笐鍏堢敓浠ｇ悊璐规槸澶氬皯鈥濊繖涓棶棰樺苟娌℃湁涓€涓浐瀹氱瓟妗堛€備絾鎬讳綋鏉ヨ锛屽湪閫夋嫨涓撴敞浜庢彁渚涘叏鏂逛綅鏈嶅姟鍜屾敮鎸佸府鍔╀綘瀹炵幇姊︽兂浼佸浘蹇冨己鐑堣€呮潵璇村畠鎵€鏀跺彇鐨勪唬浠疯繕绠楀悎閫傞€忔槑鍏鍙潬,鍚屾椂涔熻娉ㄦ剰鍏朵粬鍚勭寮€閿€,灏藉彲鑳介檷浣庡悇绉嶅紑閿€浠ョ‘淇濅紒涓氶暱鏈熺ǔ瀹氬彂灞?
