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> 浜屻€佷笉鍚屽搧鐗岄浮鎺掍唬鐞嗚垂鐢ㄦ湁浣曚笉鍚?
涓嶅悓鍝佺墝鐨勯浮鎺掍唬鐞嗚垂鐢ㄦ湁鎵€宸紓銆備緥濡傦紝鍦ㄥ競鍦轰笂姣旇緝鐭ュ悕鐨勫搧鐗屸€滃ぇ鑳栧鈥濆姞鐩熸潯浠朵负锛氬姞鐩熼噾2涓囧厓锛屼繚璇侀噾1涓囧厓锛涜€屸€滃懛鍝哄懛鍝衡€濈殑鍔犵洘鏉′欢鍒欎负锛氬姞鐩熼噾5涓囧厓-15涓囧厓涓嶇瓑锛屼繚璇侀噾1涓囧厓-5涓囧厓涓嶇瓑銆?/p> 涓夈€佸浣曢檷浣庨浮鎺掍唬鐞嗘垚鏈?
鎯宠闄嶄綆楦℃帓浠ｇ悊鎴愭湰锛屽彲浠ヤ粠浠ヤ笅鍑犱釜鏂归潰鍏ユ墜锛?/p>
-
閫夊彇鍚堥€傚搧鐗岋細閫夋嫨鍏锋湁鑹ソ淇¤獕鍜屽彛纰戠殑鍝佺墝鍙互闄嶄綆椋庨櫓鍜岀粡钀ユ垚鏈€?鍚堢悊瑙勫垝搴楅潰闈㈢Н锛氬紑搴楁椂閫夊彇閫傚綋闈㈢Н鍙互鍑忓皯鎴跨鏀嚭銆?绮炬墦缁嗙畻锛氬湪鏃ュ父杩愯惀涓敞鎰忚妭绾︽瘡涓€鍒嗛挶锛屽苟涓斿鎵句紭璐ㄧ墿缇庝环寤夌殑渚涘簲鍟嗐€?
闄や簡鑰冭檻鎶曞叆鍜岃繍钀ユ垚鏈锛岃繕闇€瑕佽€冭檻濡備綍纭繚鍥炴姤銆備互涓嬪嚑鐐瑰缓璁彲渚涘弬鑰冿細
-
鍚堜綔鍓嶈皟鏌ワ細鍦ㄥ喅瀹氶€夋嫨鍝釜鍝佺墝涔嬪墠瑕佸厛鍋氬厖鍒嗚皟鏌ワ紝骞朵簡瑙ｈ鍝佺墝鏄惁鍏锋湁绋冲畾瀹㈡簮鍜岃壇濂藉彛纰戙€?鍩硅涓庢敮鎸侊細閫夋嫨鍏锋湁瀹屽杽鍩硅浣撶郴鍜屽敭鍚庢湇鍔℃敮鎸佷綋绯荤殑鍝佺墝鍙互鏇村ソ鍦板府鍔╀綘杩涜缁忚惀绠＄悊骞舵彁楂樼粡钀ユ晥鐜囥€?甯傚満璋冪爺锛氬湪寮€搴椾箣鍓嶈繘琛屽競鍦鸿皟鐮旓紝骞跺埗瀹氬嚭绗﹀悎褰撳湴娑堣垂鑰呴渶姹傚拰鍙ｅ懗鍋忓ソ鐨勪骇鍝佺瓥鐣ャ€?
鎬讳箣锛屸€滈浮鎺掍唬鐞嗚垂鏄灏戔€濊繖涓棶棰樺苟娌℃湁涓€涓浐瀹氱瓟妗堬紝瀹冨彇鍐充簬浣犻€夋嫨浠€涔堟牱鐨勫搧鐗屼互鍙婂浣曡繘琛岀粡钀ョ鐞嗐€傚鏋滀綘鎵撶畻閫氳繃寮€楦℃帓搴楁潵鍒涗笟锛岃鍔″繀璁ょ湡鑰冭檻浠ヤ笂闂锛屽苟鍋氬ソ鍏呭垎鍑嗗銆?/p>
