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> 缁撹锛?
寮€涓€瀹跺皬闆堕搴楃湅浼肩畝鍗曟槗琛岋紝浣嗗疄闄呬笂闇€瑕佽鐪熸€濊€冨拰绛栧垝锛屽苟涓旇鏈夎冻澶熺殑鍕囨皵鍜屾瘏鍔涘幓杩庢帴鎸戞垬銆傚笇鏈涙湰鏂囪兘澶熺粰鎯宠鍒涗笟鎶曡祫灏忛浂椋熷簵鐨勮鑰呭甫鏉ュ府鍔╁拰鍚ず锛?/p>
