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> 绠＄悊鑳藉姏
鍚庝竴涓叧閿洜绱犲氨鏄鐞嗚兘鍔涗簡銆傚紑涓€瀹剁伀閿呭簵闇€瑕佸叿澶囪壇濂界殑绠＄悊鑳藉姏鎵嶈兘淇濊瘉缁忚惀椤哄埄杩涜骞朵笖鑾峰緱绋冲畾鏀剁泭銆傚寘鎷嫑鑱樺煿璁憳宸ャ€佸埗瀹氳彍鍗曚环鏍肩瓥鐣ャ€佺淮鎶ら【瀹㈠叧绯荤瓑鏂归潰銆?/p> 鎬荤粨
缁间笂鎵€杩帮紝寮€涓€瀹剁伀閿呭簵鎸ｉ挶涓庡惁鍙栧喅浜庡绉嶅洜绱狅細甯傚満闇€姹傛槸鍚﹁冻澶熷ぇ銆佺珵浜夊帇鍔涙槸鍚﹁繃澶с€佹垚鏈帶鍒舵槸鍚﹀緱褰撲互鍙婄鐞嗚兘鍔涙槸鍚﹀埌浣嶇瓑绛夈€傚彧鏈夊仛濂芥瘡涓€涓幆鑺傛墠鑳界‘淇濆垱涓氭垚鍔熷苟鑾峰緱绋冲畾鏀剁泭銆?/p>
濡傛灉浣犳湁鍏磋叮鍒涗笟锛屽苟涓斿浜庣編椋熸湁鐫€娴撳帤鍏磋叮鍜岀儹鎯咃紝閭ｄ箞寮€涓€瀹剁伀閿呭簵鎴栬浼氭槸涓嶉敊鐨勯€夋嫨銆備絾璇峰姟蹇呰皑鎱庤€冭檻锛屽苟鍋氬ソ鍏呭垎鍑嗗鍜岃鍒掑伐浣滐紒
