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>
3.琛ｆ湇
灏忕紪璁や负鐗╁粔浠风編鐨勮。鏈嶆槸棣栭€夈€傝繖浜涜。鏈嶅寘鎷琓鎭ゃ€佺煭瑁ゃ€侀槻鏅掕。绛夈€備竴鑸繖浜涜。鏈嶉兘姣旇緝渚垮疁锛屼絾鏄鏉炬椂灏氱殑璁捐锛屽緢寰楀勾杞讳汉鐨勫枩鐖憋紝濂崇敓鍦ㄥ瀛ｅ緢娉ㄦ剰闃叉檼锛屼笉鎯宠鏅掗粦鏅掍激锛屾墍浠ュ湴鎽婁笂鍗栧悇寮忓悇鏍风殑闃叉檼鏈嶇敓鎰忎竴瀹氭槸寰堝ソ鐨勩€?/p>
4.鑽у厜妫?/p>
鑽у厜妫掓槸蹇呴渶鍝侊紝灏ゅ叾鏄湪绀惧尯闄勮繎鐨勫叕鍥拰骞垮満锛屼竴鑸兘鏄竴瀹朵汉甯︾潃瀛╁瓙鍑烘潵闂查€涳紝瀛╁瓙浠湅鍒拌繖浜涢棯闂彂浜殑鑽у厜妫掋€佸彂鍏夌殑铚昏湏銆佸彂鍏夌殑灏忕帺鍏风瓑閮戒細琚惛寮曪紝杩欎簺灏忕帺鎰忔垚鏈綆锛岄€傚悎灏忔湰缁忚惀锛岃櫧鐒跺崠鐨勪篃涓嶈吹浣嗘槸鍙蛋閲忥紝涓€鏅氫笂涓嬫潵鐧惧崄鍧楅挶鏈夌殑璧氫簡銆?/p>
5.灏忛グ鍝?/p>
鍒涙剰灏忛グ鍝佹槸澶忓ぉ鎽嗗湴鎽婂崠寰椾笉閿欑殑灏忔湰鍟嗗搧锛岄挜鍖欓摼銆佸ご缁炽€佸彂鍗＄瓑绛夊悇绉嶅皬楗板搧锛屾槸骞磋交浜虹殑鏈€鐖憋紝鍦版憡涓婄殑杩欎簺灏忓晢鍝佷笉璐佃繕濂界湅锛屽嚑鍧楅挶涔颁竴浜涳紝骞磋交濂崇敓鏄緢涔愭剰鐨勩€?/p>
涓婅堪杩欎簺浜у搧鎴愭湰浣庯紝闈炲父閫傚悎鎽嗗湴鎽婂崠锛屽彧瑕佷骇鍝佹牱寮忔柊棰栵紝鑳藉鍚稿紩浜虹殑鐪煎厜锛屽氨涓嶆€曞崠涓嶅嚭鍘汇€傝繖浜涘皬涓滆タ鎴愭湰浣庯紝鍞环涔熶綆锛岃矾浜虹湅鍒颁簡灏变細蹇嶄笉浣忚喘涔帮紝姣忎釜浜哄涔板嚑浠讹紝钖勫埄澶氶攢锛岃交杞绘澗鏉惧氨璧氶挶浜嗐€?/p>
鎺ㄨ崘闃呰锛?/p>
鎽嗘憡鎶€宸ф湁鍝簺?鍝簺鏂归潰瑕佺暀蹇?
18绉嶆渶璧氶挶鐨勫湴鎽婄敓鎰忔槸浠€涔?浠€涔堟洿鍙楁杩?
鎽嗗湴鎽婄湡鐨勬瘮鎵撳伐寮哄悧?鍝釜浼氭洿濂?
