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() 方法触发被选元素的指定事件类型
}
寰俊瑙嗛鍙锋€庝箞璧氶挶?
1銆佽棰戝甫璐?鐢靛晢鍙樼幇)
鍦ㄨ棰戝彿涓婂睍绀轰骇鍝佺殑鏂板鐗逛互鍙婁紭鍔匡紝鐒跺悗瀵煎叆鍏紬鍙锋枃绔犵殑璐拱閾炬帴锛屽彟澶栧彲浠ュ湪鍏紬鍙蜂笂閾炬帴涓婂晢鍩庡皬绋嬪簭鎴栦骇鍝佸紩娴佸崟椤甸潰锛岃繖涓柟娉曠洰鍓嶆槸姣旇緝寰楀埌璁ゅ彲鐨勩€?/p>
鍙﹀涓€绉嶅氨鏄湪瑙嗛涓嬫柟鎸備笂寰俊灏忓簵(鏀寔浜笢/鎷煎澶?鍞搧浼?鍙浣犵殑瑙嗛灞曠ず寰楀濂斤紝灏卞彲浠ユ縺鍙戠敤鎴疯喘涔版鏈涖€備粠鑰岃揪鍒板彉鐜般€?/p>
2銆佺洿鎾甫璐?灏忓簵閾炬帴)
濡傛灉浣犳湰韬氨鏈変竴瀹氱殑绉佸煙娴侀噺锛岄偅涔堣繖涓椂鍊欏氨鍙互璁╄棰戝彿鍙戞尌鏇村ぇ鐨勪綔鐢紝杩愮敤鏇村鐨勫満鏅潵瀹炵幇鏇村鐨勫彉鐜板彲鑳姐€傝€岃棰戝彿鐩存挱甯﹁揣灏辨槸涓€涓笉閿欑殑閫夋嫨銆傜浉姣旀帴骞垮憡銆佸甫閾炬帴鍗栬揣锛岃繖鏄熀浜庣敤鎴峰涓绘挱鏈汉鐨勯珮淇′换搴︺€?/p>
鍦ㄧ洿鎾甫璐у墠锛屾湁鍝簺寮曟祦鏂规硶鎻愰珮鐩存挱鐑害鍛?浠ユ暀鑲茶涓氫负涓讳妇涓€绠€鍗曚緥瀛愶紝缁撳悎鐢ㄦ捣鎶ュ仛瑁傚彉鐨勭帺娉曪紝杞彂0鍏冨厤璐归浠峰€?99鍏冪殑鏁欒偛澶хぜ鍖呯殑娴锋姤鍒版湅鍙嬪湀鎴栫ぞ缇ゃ€傚湪娴锋姤鏂囨涓婂紩瀵煎叧娉ㄥ苟缃《鍏紬鍙凤紝鍒嗕韩鍒扮ぞ缇わ紝骞舵埅鍥剧鍔犲井淇″嵆鍙幏鍙栫鍒╋紝姝ら摼璺彲鎵撻€氭湅鍙嬪湀+绀剧兢+鍏紬鍙凤紝涓虹鍩熸祦閲忚幏鍙栦簡澧為噺銆?/p>
鍦ㄧ洿鎾棿甯﹁揣;鍦ㄧ洿鎾墠锛屽湪瑙嗛鍙枫€佸叕浼楀彿銆佽绀剧兢鐩稿綋鍏呭垎鐨勯鐑細
鈶犲叕浼楀彿锛氭枃绔犱腑鍙戝竷鐩存挱棰勫憡锛屽苟灏嗛鍛婂浘鏂囬摼鎺ュ湪鍏紬鍙疯彍鍗曟爮鍙婅鍏虫敞鍥炲鐨勪俊鎭腑锛屾寔缁浼犲紩娴併€?/p>
鈶¤棰戝彿锛氬彂甯冪洿鎾鍛婅棰?
鈶㈢ぞ缇わ細鍦ㄧ鍩熺ぞ缇ら噷(寰俊缇?浼佷笟寰俊缇?杩涜瀹ｄ紶锛屼负鐩存挱寮曟祦銆?/p>
鍦ㄥ姞澶ч鐑浼犲悗锛屽皢缁熻姹囨€婚偅浜涙兂鐪嬬洿鎾殑绮変笣鐢ㄦ埛鍒颁竴浜涚兢閲岄潰锛?/p>
闄や簡淇敼缇ゅ悕绉板強瀹氭椂鎺ㄩ€佺兢鐩存挱淇℃伅锛屾彁閱掔敤鎴疯鐪嬬洿鎾?杩樺彲浠ュ湪缇ら噷鍙戜竴浜涘紩瀵煎叧娉ㄨ棰戝彿鐨勮瘽鏈紝缁欒棰戝彿寮曟祦锛岃繘涓€姝ユ定绮夛紝鍙皳鏄竴涓句袱寰椼€?/p>
鎯宠閫氳繃寰俊瑙嗛鍙疯禋閽憋紝鏈€涓昏鐨勮繕鏄鎶婅嚜宸辩殑鎾斁閲忔彁鍗囥€佹祦閲忔彁鍗囷紝鐜板湪杩欎釜娴侀噺涓虹帇鐨勬椂浠ｏ紝澶у鍙鏈夋祦閲忓氨涓嶇敤鎰佽禋涓嶅埌閽憋紝涔熶笉鐢ㄦ剚娌″姙娉曞彉鐜帮紝鍙樼幇鏂瑰紡鏄緢澶氱殑銆?/p>
鎺ㄨ崘闃呰锛?/p>
寰俊鍋忛棬鏈€蹇禋閽辨柟娉曟槸浠€涔堬紵寰俊璧氶挶闈犺氨鍚楋紵
寰俊璧氶挶鏄湡鐨勫悧锛熷摢浜涙柟娉曟洿闈犺氨锛?br/>
鍒╃敤寰俊璧氶挶鐨?绉嶆柟娉曞垎浜紝浣犵煡閬撳井淇¤浆鍙戜篃鑳借禋閽卞悧锛?
