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>
鍐嶇劧鍚庢垜浠彲浠ラ€夋嫨鍘诲仛涓€浜?鍏冦€?鍏冦€?0鍏冪墿鍝侊紝鍥犱负鎴戜滑瑕佸仛鐭ラ亾涓€鐐癸紝閭ｅ氨鏄浉瀵瑰湪鍩庡競鏉ヨ鐨勮瘽锛岄偅涔堝湪鍐滄潙鐨勯泦甯備笂2鍏冦€?鍏冦€?0鍏冪墿鍝佽繕鏄瘮杈冨彈娆㈣繋鐨勶紝姣曠珶鍐滄皯閮芥瘮杈冨枩娆究瀹滅殑涓滆タ锛岃繖浜涗笢瑗跨殑杩涗环杩樻槸闈炲父涓嶉敊鐨勶紝鎵瑰彂杩欎簺涓滆タ鍘诲啘鏉戠殑闆嗗競涓婂崠锛岃禋閽辫繕鏄潪甯稿鏄撶殑銆備笉杩囧湪鎵瑰彂鐨勬椂鍊欎竴瀹氳缁撳悎褰撳湴鐨勫競鍦猴紝鐪嬬湅鍝簺閿€閲忔瘮杈冨ソ锛岃繖鏍峰彲浠ヨ鎴戜滑鍦ㄥ崠涓滆タ鐨勬椂鍊欒禋鍒版洿澶氱殑閽便€?/p>
鍐嶈€呮垜浠繕鍙互鍘昏€冭檻涓€涓嬪仛鍐滄潙鍔冲姩鍔涗腑浠嬪競鍦猴紝閽堝澶у煄甯傛皯宸ヨ崚銆佸啘鏉戣兘浜哄阀鍖犳祦杞笉鐣呯殑鐜扮姸锛屽垱绔嬩腑浠嬫惌妗ヨ鍐滀笟涓撻暱鎶€鏈汉鍛樻湁鐢ㄦ涔嬪湴銆傚紑璁句竴瀹跺啘鏉戜汉鎵嶅競鍦猴紝涓哄墿浣欏姵鍔ㄥ姏寮€杈熷氨涓氶亾璺€備负鑷繁璧㈠緱璐㈠瘜锛屼负绀句細鍒涢€犫€滃垢绂忊€濄€?/p>
鏈€鍚庢垜浠繕鍙互鑰冭檻鍘昏繘涓€浜涙暎瑁呭皬椋熷搧锛岄偅涔堟垜浠湪鍐滄潙璧堕泦鐨勬椂鍊欏崠鏁ｈ鐨勯鍝佸埄娑﹁繕鏄潪甯镐笉閿欑殑锛岃€屼笖寰堝浜洪兘鍠滄涔颁簡缁欏瀛愬悆锛岃繖鏍风殑椋熷搧涔熷彈鍒颁簡瀹堕暱鐨勬杩庛€備笉杩囨垜浠湪杩涜揣鐨勬椂鍊欎竴瀹氳鎶婃彙濂借川閲忥紝姣曠珶杩欐槸浜哄悆鐨勪笢瑗匡紝寰堝杩橀兘鏄瀛愶紝鎵€浠ヨ繘璐х殑鏃跺€欎笉鑳藉璐浘渚垮疁銆?/p>
鎺ㄨ崘闃呰锛?/p>
涔￠晣浠€涔堝競鍦烘槸绌虹櫧鐨?鍐滄潙鍒涗笟鏈変粈涔堟敞鎰忕殑?
鍐滄潙灏忛晣涓€鑸己浠€涔堝簵?鍐滄潙鍒涗笟鏈変粈涔堥」鐩?
鍐滄潙鍒涗笟鐜鐜扮姸鏄粈涔?鍒涗笟瑕佹敞鎰忓摢浜?
