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>
鎷煎澶氫笓鍗栧簵锛氬晢瀹朵互鑷湁鍝佺墝(鍟嗘爣涓篟鎴朤M鐘舵€?鍏ラ┗鎷煎澶氬紑璁捐鍝佺墝鐨勪笓鍗?鎴栬€呮槸鍟嗗缁忚惀涓€涓巿鏉冮攢鍞搧鐗屽晢鍝佺殑涓撳崠搴?鎺堟潈涓嶈秴杩?绾?銆?/p>
闇€瑕佹彁浜ょ殑璧勬枡濡備笅锛氫紒涓氳惀涓氭墽鐓?涓夊悎涓€鐨勫彲浠ュ彧鎻愪緵钀ヤ笟鎵х収澶嶅嵃浠?;鏀寔鐢宠绫诲瀷锛氫釜浣撳伐鍟嗘埛;鏀寔鍒嗗叕鍙歌繘琛岀敵璇凤紝浣嗛渶瑕佷氦鎺堟潈涔﹀強鎬诲叕鍙歌惀涓氭墽澶嶅嵃浠?
浼佷笟绋庡姟鐧昏璇佸鍗颁欢(鍥界◣銆佸湴绋庡潎鍙?;缁勭粐鏈烘瀯浠ｇ爜璇佸鍗颁欢;娉曞畾浠ｈ〃浜鸿韩浠借瘉姝ｅ弽闈㈠鍗颁欢;鐢卞浗瀹跺晢鏍囨€诲眬棰佸彂鐨勫晢鏍囨敞鍐岃瘉鎴栧晢鏍囨敞鍐岀敵璇峰彈鐞嗛€氱煡涔﹀鍗颁欢
鑰岀敵璇锋嫾澶氬鏃楄埌搴楀拰涓撳崠搴楄姹備笉鍚岀殑鍦版柟濡傦細濡傛灉鐢卞晢鏍囨潈鍒╀汉鎺堟潈寮€璁炬棗鑸板簵锛岄渶鎻愪緵鎺掍粬鎺堟潈涔?濡傛灉鍟嗘爣鏉冧汉涓鸿嚜鐒朵汉锛屽垯闇€鍚屾椂鎻愪緵鍏朵翰绗旂鍚嶇殑韬唤璇佸鍗颁欢;
鎺堟潈鍝佺墝寮€璁炬棗鑸板簵(鍟嗘爣涓篟鎴朤M)鐘舵€侊細鍙兘缁忚惀涓€涓紝鍟嗗搧鐨勫搧鐗屾棗鑸板簵涓斾负涓€绾ф巿鏉?濡傛灉鐢宠鍗栧満鍨嬫棗鑸板簵锛岄渶鎻愪緵鏈嶅姟绫诲晢鏍囨敞鍐岃瘉;杩樺彲鐢宠缁忚惀澶氫釜鑷湁鍝佺墝鍟嗗搧鐨勫搧鐗屾棗鑸板簵銆?/p>
鎺ㄨ崘闃呰锛?/p>
鎷煎澶氫笓鍗栧簵鍏ラ┗瑕佹眰鏄粈涔?闄勫叆椹绘祦绋?/p>
鎷煎澶氬搧鐗岀鏉€鏄鍝佸悧?璁よ瘉鍝佺墝搴楁敞鎰忎簨椤?/p>
鎷煎澶氬搧鐗屽叆椹绘潯浠舵湁鍝簺?澶氫箙閫氳繃瀹℃牳?
