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>
2銆佺▼搴忓憳
杩欐槸涓€涓瘜鏈夊垱閫犳€х殑宸ヤ綔锛岃櫧鐒剁悊璁轰笂鏉ヨ锛屾満鍣ㄤ汉瀹屾垚绠€鍗曞熀纭€鐨勭紪绋嬪伐浣滄槸瀹屽叏鍙鐨勶紝浣嗚蒋浠剁▼搴忔椂鍒绘洿鏂版崲浠ｏ紝涓€浜涢珮绾у鏉傜殑绋嬪簭锛孉I鏄彇浠ｄ笉浜嗙殑銆?/p>
3銆佸緥甯堛€佹硶瀹?/p>
杩欐槸瀹屽叏鐢变汉绫绘€濇兂鏉ョ粺娌荤殑宸ヤ綔锛屼汉宸ユ櫤鑳芥病鏈夋€濇兂锛屽彧鏄彲浠ョ▼搴忓寲鐨勫伐浣溿€傛墍浠ワ紝寰嬪笀銆佹硶瀹樻病鏈変换浣曢闄╋紝韪忓疄宸ヤ綔鍚?
4銆佸尰鍔″伐浣?/p>
鍖荤敓璇㈢梾闂瘖锛岀敤鑽€佸绉戞墜鏈€傝繖浜涘鏉傝€屽繀椤昏閫氳繃涓€绯诲垪瑙傚療鍒ゆ柇鏉ュ畬鎴愮殑宸ヤ綔锛孉I鏄粷瀵瑰彇浠ｄ笉浜嗙殑锛屽畠浠彧鏄湪宸ヤ綔涓捣鍒颁竴浜涜緟鍔╀綔鐢ㄣ€?/p>
5銆佷繚濮?/p>
淇濆杩欎唤鑱屼笟锛岄渶瑕佺湡姝ｇ殑鎯呮劅鎶曞叆锛岃€屽悓鎯呭績鍜屾儏鎰熶氦娴佹妧鑳斤紝鏄汉宸ユ櫤鑳芥案杩滄棤娉曟ā浠跨殑鐗硅川銆傛墍浠ワ紝鏈哄櫒浜鸿兘澶熷畬鎴愬ぇ閮ㄥ垎宸ヤ綔瑕佹眰锛屽嵈寰堥毦瀹屽叏鍙栦唬銆?/p>
6銆佸績鐞嗗尰鐢?/p>
浜虹被鐨勬儏鎰燂紝鏄繖涓笘鐣屾渶涓嶅彲鎹夋懜銆佹渶闅炬槑鐧界殑涓滆タ锛屾満鍣ㄤ汉鏍规湰涓嶅彲鑳界悊瑙ｃ€傛満鍣ㄤ汉鍞竴鑳藉仛鐨勶紝鍙槸鐢ㄦ煇绉嶅姙娉曞幓澶勭悊妫€娴嬪嚭鏉ョ殑鎯呯华闂锛屼絾杩囦簬鐞嗘€э紝鍙嶈€屼笉鍒╀簬蹇冪悊闂鐨勬不鐤楋紝杩欏氨闇€瑕佷簡鍚屾牱鍏锋湁鎯呯华鎰熺煡鑳藉姏鐨勫績鐞嗗尰鐢熶簡銆?/p>
7銆佷紒涓氶珮绠?/p>
浜哄伐鏅鸿兘鍙互閫氳繃杩愮畻鍋氬嚭鐭湡鍐呮湁鍒╀簬浼佷笟鐩堝埄鐨勫喅瀹氾紝浣嗗畠浠棤娉曡繘琛岄暱瓒崇殑瑙勫垝锛屽埗瀹氭柊鐨勫晢涓氭垬鐣ャ€傝繖浜涢噸瑕佺殑鍐崇瓥闇€瑕佺敱鏈夊垽鏂姏鐨勪汉鏉ュ仛鍑猴紝鑰屼笉鏄皢鍐崇瓥鏉冧氦鍒颁汉宸ユ櫤鑳界殑鎵嬩腑銆?/p>
8銆佽繍鍔ㄥ憳
鎴戜滑涓嶈兘鍚﹁鏈哄櫒鍙互姣斾汉浣撶殑鏋勯€犳洿浼樿秺鍜岀簿瀵嗭紝浣嗕汉宸ユ櫤鑳芥棤娉曚綋鐜扳€滄洿楂樸€佹洿蹇€佹洿寮衡€滅殑濂ユ灄鍖瑰厠绮剧锛屾垨璁告湁涓€澶╀汉宸ユ櫤鑳藉彲浠ュ簲鐢ㄥ湪杩愬姩鍦轰笂闄粌锛屼絾瀹冧滑涓嶄細鏈夌湡姝ｇ櫥涓婅禌鍦虹殑閭ｄ竴澶┿€?/p>
9銆佽惀鍏诲笀
鐜颁唬浜哄涓汉鍋ュ悍鍙樺緱瓒婃潵瓒婂叧蹇冭捣鏉ワ紝鍥犳钀ュ吇甯堝湪鍋ュ悍甯傚満涔熼潪甯哥殑鍚冮銆傝惀鍏诲笀涓嶄粎瑕佸仛鏃ュ父鐨勯ギ椋熸惌閰嶏紝杩樿瀵瑰鎴风殑鍋ュ悍闂鍋氫笓涓氱殑鍒ゆ柇銆佷氦娴佷笌鍥炵瓟锛岃繖椤瑰伐浣滄兂瑕佺敤鏈哄櫒浜哄幓鍋氭樉鐒跺緢涓嶇幇瀹炪€?/p>
10銆佽€冨彜瀛﹀
鑰冨彜瀛﹀灞炰簬姣旇緝绁炲湥涔熸瘮杈冪綍瑙佺殑鑱屼笟锛屽畠瀵逛笓涓氱煡璇嗙殑瑕佹眰鏋侀珮锛岃€屼笖杩橀渶瑕佸埌鐜板満杩涜閲囨牱鍜岀爺绌讹紝宸ヤ綔鐜鍗佸垎鑹拌嫤锛屾満鍣ㄤ汉鎯宠鍙栦唬瀹冨嚑涔庢槸涓嶅彲鑳界殑銆?/p>
铏界劧璇碼i寰堟櫤鑳斤紝鎻愬崌浜嗗姵鍔ㄥ姏甯傚満鐨勬晥鐜囷紝浣嗘槸浠ヤ笂杩欎簺宸ヤ綔鏄笉鑳借ai鎵€鍙栦唬鐨勶紝鎵€浠ュぇ瀹朵篃涓嶅繀澶媴蹇冿紝杩樻槸鑰佸疄灏嗚嚜宸辩殑宸ヤ綔鍋氬ソ鎵嶆槸鍏抽敭鍟?
鎺ㄨ崘闃呰锛?/p>
娣樺杩欎釜鑱屼笟鏈夊墠鏅悧?鍓嶆櫙鎬庝箞鏍?
鑷敱鑱屼笟鍦ㄦ窐瀹濆紑搴楅渶瑕佷氦绋庡悧?浜ょ◣鐨勬剰涔夋槸浠€涔?
鎵撳伐浠€涔堝伐浣滄渶璧氶挶?璧氶挶鐨勮亴涓氭湁鍝簺?
