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>
棣欐按鐢熸剰濂藉仛鍚?
1.棣栧厛锛屽紑棣欐按搴楀墠鎻愬氨鏄瞾棣欐按瑕佷簡瑙ｆ墠琛屻€傝嚦灏戞噦寰楀垎杈ㄧ殑娓呭摢浜涙槸浠€涔堥姘达紝鍝簺棣欐按鐨勮川鍦版墠鏄ソ鐨勩€傞櫎姝よ繕瑕佹噦寰楅姘磋涓氱殑涓€浜涘父璇嗭紝浠ュ強蹇呰鐨勯攢鍞妧宸с€傚鏋滃杩欎竴婵€鏄傛槸鐭ヤ箣鐢氬皯鐨勮瘽锛屽缓璁繕鏄幓濂藉ソ瀛︿範杩欐柟闈㈢殑鐭ヨ瘑锛岀劧鍚庡啀鏉ュ紑濮嬬澶囧紑搴椾簨瀹溿€?/p>
2.鍏舵灏辨槸璐ф簮鐨勯棶棰橈紝鎵句細鍛樹竴鐐硅鎵剧ǔ瀹氱殑璐ф簮鎵嶈銆傝繖涓槸鍋氬ソ鐢熸剰鐨勫墠鎻愭潯浠躲€傛瘯绔熷鏋滆揣婧愮ǔ瀹氫簡锛屼笉浠呰兘澶熷府鍔╂垜浠渷鍘讳竴绗旇垂鐢紝杩樻湁鍙兘鍥犱负闀挎湡鐨勫悎浣滃叧绯伙紝鑰屽緱鍒颁竴瀹氱殑浼樻儬銆傚彧鏈夎揣婧愮ǔ瀹氾紝杩樿兘涓哄簵閾虹殑璐х墿鎻愪緵濂界殑淇濊瘉銆?/p>
3.鍦ㄥ紑搴椾箣鍓嶏紝杩樻槸瑕佸ソ濂界殑鍘诲仛涓€浜涘競鍦鸿皟鏌ャ€傛瘮濡傝闄勮繎棣欐按搴楀簵閾哄涓嶅锛屽懆杈圭殑娑堣垂姘村钩鎬庝箞鏍凤紝鏈夋病鏈夊彲浠ュ紑鎷撶殑甯傚満绛夈€傚鏋滈檮杩戠殑娑堣垂鑰呭棣欐按鏈夐渶姹傦紝閭ｄ箞浣犲紑搴楁墠鏈夊競鍦猴紝浣犳墠鑳藉崠鐨勫嚭棣欐按銆?/p>
4.闄や簡鍋氬ソ璋冩煡鍜屽垎鏋愶紝濂借嵂鐭ラ亾棣欐按搴楀紑搴楅渶瑕佸摢浜涙潯浠讹紝姣斿璇撮渶瑕佸摢浜涜瘉浠舵墠鍙互鎴愬姛寮€搴楋紝瑕佺煡閬撳姙璇佹祦绋嬫槸鎬庢牱鐨勶紝纭畾渚涜揣鍟嗘槸鍚﹀凡缁忕‘瀹氫笅鏉ワ紝杩涜揣浠峰ぇ姒傚張鏄湪浠€涔堝箙搴﹀紑鐨勫簵鏃跺€欏簵閾洪噷闈㈡槸鍚﹂渶瑕佹悶涓€浜涚浉搴旂殑娲诲姩锛屾椿鍔ㄨ濡備綍灞曞紑绛夎繖浜涢兘瑕佽皨鍒掑ソ銆?/p>
5.寮€搴楅€夋嫨鑲畾閲嶄腑涔嬮噸浜嗭紝瑕佹兂鍋氬ソ棣欐按搴楋紝閭ｅ氨瑕佹壘濂藉悎閫傜殑搴楅潰锛屾兂濂借嚜宸卞簵閾虹殑搴楀悕锛屽仛濂介€傚悎棣欐按搴楃殑瑁呬慨椋庢牸绛夈€傚簵鍚嶇殑浣嶇疆鐨勯€夋嫨鏄緢閲嶈锛屾瘮濡傝浣犵殑搴楄绔嬪湪涓€浜涙瘮杈冮珮妗ｇ殑鍦版柟锛屼篃璁镐細璁╀綘鐨勫簵鐨勫悕姘斿彲鑳芥洿瀹规槗鎻愬崌锛屽墠鏉ョ殑瀹㈡簮涔熶細瓒婃潵瓒婂銆傝繕鏈夎淇鏍间篃鏄紝涓嶈繃璐圭敤杩欎竴鍧楁槸涓€瀹氳鏍哥畻濂姐€?/p>
鍘垮煄铏界劧涓嶆瘮绻佸崕鐨勯兘甯傦紝浣嗘槸锛屽幙鍩庨噷闈娇鐢ㄩ姘寸殑浜轰篃涓嶅皯锛屽洜涓哄幙鍩庝汉浠殑鐢熸椿妗ｆ涔熷湪涓嶆柇涓婂崌锛屾墍浠ワ紝鍦ㄥ幙鍩庡紑棣欐按搴楀綋鐒舵槸鍙互鐨勩€備笉杩囷紝鎴戜滑棣栧厛瑕佷簡瑙ｅ懆鍥翠汉缇ょ殑娑堣垂妗ｆ锛屽啀鏉ュ喅瀹氳嚜宸辩殑浜у搧瀹氫綅銆?/p>
鎺ㄨ崘闃呰锛?/p>
閫傚悎灏忓幙鍩庡仛鐨勭敓鎰忔湁鍝簺?鍋氫粈涔堜拱鍗栧競鍦虹┖闂村ぇ?
鍘垮煄鎶曡祫浠€涔堢敓鎰忓ソ?鍋氫粈涔堟綔鍔涙洿濂?
閫傚悎灏忓幙鍩庡垱涓氬ソ椤圭洰鏈夊摢浜?鍋氫粈涔堣兘杩囦笂濂界敓娲?
