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> 娴村鏌滃競鍦烘鍐?
闅忕潃浜轰滑鐢熸椿姘村钩鐨勬彁楂樺拰瀹跺眳鐜鐨勬敼鍠勶紝娴村鏌滄垚涓轰簡鐜颁唬瀹跺涵蹇呭鐨勫灞呬箣涓€銆傛嵁缁熻锛岀洰鍓嶄腑鍥芥荡瀹ゆ煖甯傚満瑙勬ā宸茬粡瓒呰繃1000浜垮厓锛屽苟涓旇繕鍦ㄤ笉鏂闀裤€傚悓鏃讹紝闅忕潃娑堣垂鑰呭浜庝骇鍝佽川閲忓拰鏈嶅姟鐨勮姹傝秺鏉ヨ秺楂橈紝鍝佺墝鍖栫粡钀ヤ篃鎴愪负浜嗘荡瀹ゆ煖浼佷笟鍙戝睍鐨勯噸瑕佽秼鍔裤€?/p> 閫夋嫨鍚堥€傜殑娴村鏌滃搧鐗?
鍦ㄩ€夋嫨鍚堥€傜殑娴村鏌滃搧鐗屾椂锛岄渶瑕佽€冭檻浠ヤ笅鍑犱釜鏂归潰锛?/p>
-
鍝佺墝鐭ュ悕搴︼細閫夋嫨鐭ュ悕搴﹁緝楂樼殑鍝佺墝鍙互闄嶄綆缁忚惀椋庨櫓锛屽苟涓斿彲浠ヨ幏寰楁洿澶氭秷璐硅€呬俊浠汇€?浜у搧璐ㄩ噺锛氫紭璐ㄧ殑浜у搧璐ㄩ噺鍙互澧炲己娑堣垂鑰呭浜庝骇鍝佺殑璁ゅ彲搴︼紝骞朵笖鍙互鍑忓皯鍞悗缁翠慨鐜囥€?鍞悗鏈嶅姟锛氱殑鍞悗鏈嶅姟鍙互鎻愰珮娑堣垂鑰呮弧鎰忓害锛屽苟涓斿彲浠ュ鍔犲洖澶村鐜囥€?浠ｇ悊璐圭敤锛氶渶瑕佹牴鎹嚜韬祫閲戞儏鍐靛拰甯傚満鎯呭喌杩涜鏉冭 锛屽湪淇濊瘉鍝佺墝璐ㄩ噺鍜屽敭鍚庢湇鍔″墠鎻愪笅灏藉彲鑳介檷浣庝唬鐞嗚垂鐢ㄣ€?
-
娴村鏌滀唬鐞嗗晢鏈夊摢浜涙敹鐩婏紵
闄や簡閿€鍞埄娑﹀锛岃繕鏈夊姞鐩熷晢杩斿埄銆佹帹骞垮鍔辩瓑澶氱褰㈠紡銆傚悓鏃讹紝閫氳繃涓庢€婚儴鍚堜綔鍏卞悓寮€鎷撳競鍦哄拰鎻愬崌閿€鍞锛岃繕鑳借幏寰楁洿澶氭敹鐩娿€?/p>
-
娴村鏌滀唬鐞嗗晢濡備綍閫夋嫨鍚堥€傜殑鍖哄煙锛?
鍙互鏍规嵁褰撳湴甯傚満闇€姹傘€佺珵浜夋儏鍐点€佷汉鍙ｅ瘑搴︾瓑鍥犵礌杩涜缁煎悎鑰冭檻銆傚悓鏃朵篃闇€瑕佽€冭檻鑷韩鑳藉姏鍜岃祫婧愭槸鍚﹁兘澶熸弧瓒冲綋鍦板競鍦洪渶姹傘€?/p>
-
娴村鏌滀唬鐞嗗晢濡備綍淇濊瘉浜у搧璐ㄩ噺锛?
闄や簡閫夋嫨浼樿川渚涘簲鍟嗗锛屽湪杩愯惀杩囩▼涓篃闇€瑕佸缓绔嬪畬鍠勭殑妫€楠屾満鍒讹紝骞跺強鏃跺弽棣堥棶棰樺苟瑙ｅ喅闂銆傚悓鏃朵篃闇€瑕佹帶鍒惰揣婧愭笭閬擄紝閬垮厤杩涜揣涓嶈壇鍟嗗搧銆?/p>
-
娴村鏌滀唬鐞嗗晢濡備綍寮€鎷撳競鍦猴紵
閫氳繃鍚勭娓犻亾杩涜鎺ㄥ箍鍜岃惀閿€娲诲姩锛屽苟寤虹珛鑹ソ鍙ｇ鍜屽舰璞°€傚悓鏃朵篃瑕佹敞鎰忎笌褰撳湴瑁呬慨鍏徃銆佹埧浜т腑浠嬬瓑鐩稿叧琛屼笟杩涜鍚堜綔鍏辫耽銆?/p> 鎬荤粨
浣滀负涓€涓垱涓氳€咃紝鍦ㄩ€夋嫨娴村鏌滃搧鐗屾椂搴旇鍏ㄩ潰鑰冭檻鍚勪釜鏂归潰锛屽苟鏍规嵁鑷韩瀹為檯鎯呭喌杩涜鏉冭 鍙栬垗銆傚湪寮€灞曠粡钀ヨ繃绋嬩腑瑕佹敞閲嶄骇鍝佽川閲忋€佸敭鍚庢湇鍔′互鍙婂競鍦烘帹骞跨瓑鏂归潰銆傜粓瀹炵幇鍙岃耽灞€闈€?/p>
