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>
