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>
鍋囧鏈?00涓姞宸ョ偣锛屽厜鏀惰揣寰楅渶瑕佸灏戜汉锛屼竴涓叕鍙稿畨鎺掍笉鍙兘瀹夋帓涓冨叓鐧句汉鍘绘敹璐с€傚鏋滃彧鏄繖涓€缁勪汉鍘绘敹璐э紝閭ｄ箞浠庤鍗曞彂鍑哄幓寮€濮嬶紝鍒拌鍗曠粨鏉燂紝灏辩畻鏃ュ涓嶅仠涔熸敹涓嶄簡鍑犲崄鎴凤紝璁㈠崟涓嶅彲鑳芥棤闄愭湡鐨勫欢鏈熴€?/p>
鍐嶈€咃紝鍙互姣旇緝缁忔祹鎴愭湰锛屼竴瀹跺叕鍙镐笉寰椾笉瀹夋帓鏁扮櫨杈嗘苯杞︽潵鏀寔鏁扮櫨浜烘帴鏀惰揣鐗┿€傞殢渚挎兂涓€鎯冲氨鐭ラ亾鏄笉鍙潬鐨勩€傚彟澶栵紝鐜板湪鐗╂祦寰堟柟渚匡紝鍏ㄥ浗鍚勫湴閮芥湁鐗╂祦鍒拌揪锛屽嵆浣垮亸杩滃湴鍖轰篃鏈夐偖鏀挎湇鍔°€傛墍浠ユ棤璁轰粠瀹㈣鏉′欢杩樻槸浠庣粡娴庢晥鐩婃潵鐪嬶紝鍙鍋氬嚭涓婇棬鍥炴敹銆佹棤闇€鎶奸噾杩欑鎵胯锛屽氨宸茬粡鍙互纭畾鏄獥瀛愬叕鍙搞€?/p>
浜屻€佸浣曞垽鏂槸鍚︽槸姝ｈ鐨勫彂鏀惧叕鍙革紵
1銆佸垽鏂竴涓墜宸ユ椿椤圭洰鏄惁鐪熷疄锛岄鍏堣鐪嬬殑灏辨槸鍏徃鏄惁浜旇瘉榻愬叏锛屼簲璇佹寚鐨勬槸钀ヤ笟鎵х収銆佺粍缁囨満鏋勪唬鐮佽瘉銆佸浗瀹剁◣鍔＄櫥璁拌瘉銆佸湴鏂圭◣鍔＄櫥璁拌瘉鍜屽紑鎴疯璁稿彲璇併€?/p>
2銆佺幇鍦ㄦ柊寮€鐨勫叕鍙稿浼佷笟娉曚汉鍜岃惀涓氬湴鐐归兘鏈変弗鏍煎鏍革紝闇€瑕佹硶浜烘彁渚涗釜浜虹殑璁稿閲嶈韬唤淇℃伅锛屾墍浠ュ彧瑕佹槸钀ヤ笟鎵х収鏄湡瀹炵殑锛岃繖浜涘熀鏈殑鎶曡祫鍚堜綔灏辨湁浜嗘硶寰嬩繚闅溿€?/p>
3銆佸鏋滆鍘绘帴涓€浜涙墜宸ユ椿鐨勮鍗曪紝鑰屽鏂瑰彧鏄竴涓姙鍏锛屼粈涔堣瘉浠堕兘娌℃湁锛岃繖鏃朵竴瀹氳鎻愰珮璀︽儠锛屽獟浣撴姤閬撳凡缁忓彂鐢熶簡寰堝锛屾敹浜嗗鎴烽挶浠ュ悗璺戣矾鐨勬儏鍐点€?/p>
4銆佽窡涓€涓崟浣嶅悎浣滐紝濡傛灉娑夊強鍒版眹娆鹃棶棰橈紝涓€瀹氳闂鏂规湁娌℃湁瀵瑰叕璐︽埛锛屽洜涓洪摱琛屽瀵瑰叕璐︽埛寮€鎴锋湁涓ユ牸鎺у埗锛岃惀涓氭墽鐓т篃璁镐細鏈夊亣鐨勶紝浣嗘槸瀵瑰叕璐︽埛鑲畾涓嶄細鏈夊亣銆?/p>
涓嶄氦鎶奸噾鐨勬墜宸ユ椿涔熸槸鏈夌殑锛屾瘮濡傝鏄綘鐨勭啛浜烘湅鍙嬪彂缁欎綘鍋氾紝浠栫粰浣犲仛鎷呬繚锛屽綋鐒朵笉鐢ㄤ氦鎶奸噾锛屽鏋滀笉鏄啛鐨勶紝涓嶈璇嗙殑锛岃偗瀹氭槸瑕佷氦鎶奸噾鐨勶紝鎵嬪伐娲绘渶濂借嚜宸叉壘闄勮繎鐨勫鍙戝伐鍘傚仛锛屽苟涓斾互鍓嶆湁杩囧悎浣滅粡鍘嗐€傚埆淇＄綉涓婇偅浜涗笢瑗匡紝璇村緱澶╄姳涔卞潬锛屽疄闄呭彲鑳芥牴鏈笉鏄竴鍥炰簨銆傞兘鏄獥浜虹殑锛屾渶鍚庤繕鏄彉鐫€娉曡浣犱氦閽便€?/p>
鎺ㄨ崘闃呰锛?br/>
鍦ㄥ鎸ｉ挶鎵嬪伐娲绘湁鍝簺锛熸€庝箞杞绘澗鍦ㄥ璧氶挶锛?/p>
鎵嬪伐娲讳竴澶╄兘璧氬灏戦挶锛熻兘鍦ㄥ閲屽仛鐨勬瑙勫吋鑱屾湁鍝簺锛?/p>
鎵嬪伐娲昏禋閽遍」鐩湁鍝簺锛熷仛浠€涔堟墜宸ユ洿璧氶挶锛?
