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> 鍗婂煄姝ｅ畻鐏攨浠ｇ悊璐圭敤鍖呮嫭鍝簺鍐呭锛?
褰撶劧锛屽湪鎴愪负鍗婂煄姝ｅ畻鐏攨浠ｇ悊鍟嗕箣鍓嶏紝浣犻渶瑕佷簡瑙ｈ椤圭洰鎵€闇€鎶曡祫閲戦浠ュ強鐩稿叧璐圭敤銆傚叿浣撴潵璇达紝鍗婂煄姝ｅ畻鐏攨浠ｇ悊璐圭敤鍖呮嫭浠ヤ笅鍑犱釜鏂归潰锛?/p>
-
鍔犵洘璐癸細鍔犵洘璐圭敤涓昏鍖呮嫭鍝佺墝浣跨敤鏉冦€佹妧鏈敮鎸併€佸簵闈㈣璁＄瓑鏂归潰銆?瑁呬慨璐癸細寮€搴椾箣鍓嶉渶瑕佽繘琛屽簵闈㈣淇拰瑁呴グ绛夊伐浣溿€?璁惧閲囪喘璐癸細寮€搴楁墍闇€璁惧銆佸櫒鍏风瓑鐗╁搧閲囪喘璐圭敤銆?鐗╂枡閲囪喘璐癸細寮€搴楁墍闇€鍘熸潗鏂欍€侀鏉愮瓑鐗╂枡閲囪喘璐圭敤銆?绉熼噾鍙婁汉鍛樺伐璧勭瓑鏃ュ父杩愯惀鎴愭湰銆?
浠ヤ笂杩欎簺閮芥槸寮€搴楀墠鏈熷繀椤昏€冭檻鍒板苟涓斿繀椤绘敮浠樺嚭鍘荤殑閽辨銆?/p>
閭ｄ箞鍏蜂綋鏉ヨ锛屽鏋滄兂瑕佹垚涓哄崐鍩庢瀹楃伀閿呯殑涓€鍚嶄唬鐞嗗晢锛屽垯澶ф闇€瑕佹姇鍏?0涓囧厓宸﹀彸銆傚綋鐒惰繖鍙槸涓€涓ぇ姒傛暟鍊硷紝鍦ㄤ笉鍚屽湴鍖恒€佷笉鍚屾儏鍐典笅鍙兘浼氭湁鎵€鍙樺寲銆?/p> 濡備綍淇濊瘉鐜囷紵
瀵逛簬鍒涗笟鑰呮潵璇达紝鍦ㄩ€夋嫨鍔犵洘椤圭洰鏃堕櫎浜嗗叧娉ㄦ姇璧勯噾棰濆杩樿鑰冭檻鍒板浣曚繚璇佽嚜宸辨敹鍥炴姇璧勫苟涓旇幏寰楀彲瑙傚埄娑︺€傞偅涔堝浣曚繚璇佽嚜宸卞紑搴楀悗鑳藉鑾峰緱鏀剁泭鍛紵浠ヤ笅鍑犵偣寤鸿渚涘ぇ瀹跺弬鑰冿細
-
閫夊潃瑕佸噯纭細閫夊潃闈炲父閲嶈锛屽湪閫夋嫨浣嶇疆鏃跺簲璇ユ牴鎹綋鍦版秷璐规按骞炽€佷汉娴侀噺浠ュ強绔炰簤鎯呭喌杩涜缁煎悎鍒嗘瀽锛屽苟涓斿簲璇ラ€夋嫨浜ら€氫究鍒┿€佷汉娴侀噺杈冨ぇ銆佺閲戠浉瀵硅緝浣庣瓑浼樺娍浣嶇疆銆?浠锋牸绛栫暐瑕佸悎閫傦細浠锋牸绛栫暐涔熼潪甯搁噸瑕侊紝鍦ㄥ埗瀹氫环鏍兼椂搴旇鏍规嵁褰撳湴娑堣垂姘村钩浠ュ強绔炰簤鎯呭喌杩涜缁煎悎鍒嗘瀽锛屽苟涓斿簲璇ュ埗瀹氬嚭绗﹀悎娑堣垂鑰呭績鎬佸拰娑堣垂鑳藉姏鑼冨洿鍐呯殑浠锋牸绛栫暐銆?鏈嶅姟璐ㄩ噺瑕佽繃纭細鏈嶅姟璐ㄩ噺涔熼潪甯搁噸瑕侊紝鍦ㄧ粡钀ヨ繃绋嬩腑搴旇娉ㄩ噸鎻愰珮鏈嶅姟璐ㄩ噺鍜岄【瀹㈡弧鎰忓害锛屽苟涓斾笉鏂敼杩涜嚜韬湇鍔℃按骞冲拰绠＄悊鑳藉姏銆?
鎬讳箣锛屽湪閫夋嫨鍔犵洘椤圭洰鏃朵竴瀹氳鍏ㄩ潰鑰冭檻鍚勭鍥犵礌锛屽苟涓斿湪鍒涗笟杩囩▼涓敞閲嶆彁楂樿嚜韬礌璐ㄥ拰绠＄悊鑳藉姏鎵嶈兘澶熷彇寰楁垚鍔熴€?/p>
