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() 方法触发被选元素的指定事件类型
}
璧氶挶鏄瘡涓汉閮芥兂瑕佺殑浜嬫儏锛屾棤璁烘槸涓轰簡婊¤冻鑷繁鐨勭墿璐ㄩ渶姹傦紝杩樻槸涓轰簡瀹炵幇鑷繁鐨勬ⅵ鎯炽€傝€屽湪褰撲粖绀句細锛屽垱涓氬凡缁忔垚涓轰簡涓€绉嶈秼鍔匡紝寰堝浜洪兘甯屾湜閫氳繃鑷繁鐨勫姫鍔涘拰鍒涙剰鏉ュ疄鐜拌储瀵岃嚜鐢便€傛湰鏂囧皢浠嬬粛5绉嶈禋閽辩殑鏂规硶锛屽府鍔╁ぇ瀹舵洿濂藉湴鐞嗚В濡備綍鍒涗笟鍜岃禋閽便€?/p> 涓€銆佸紑璁剧綉搴?
闅忕潃浜掕仈缃戞妧鏈殑涓嶆柇鍙戝睍锛岃秺鏉ヨ秺澶氱殑浜哄紑濮嬪皢鑷繁鐨勭敓鎰忔惉鍒颁簡缃戜笂銆傚紑璁句竴涓綉搴楀彲浠ヨ浣犲湪瀹堕噷灏辫兘澶熺粡钀ョ敓鎰忥紝骞朵笖鍙互閫氳繃缃戠粶鎺ㄥ箍璁╂洿澶氫汉鐭ラ亾浣犵殑浜у搧銆傚紑璁剧綉搴楅渶瑕佹敞鎰忛€夋嫨鍚堥€傜殑骞冲彴銆佷骇鍝佸畾浣嶄互鍙婅繍钀ョ瓥鐣ョ瓑闂銆?/p> 闂細濡備綍閫夋嫨鍚堥€傜殑骞冲彴锛?
鐩墠甯傞潰涓婃湁寰堝鐢靛晢骞冲彴鍙緵閫夋嫨锛屽娣樺疂銆佷含涓溿€佹嫾澶氬绛夈€傞渶瑕佹牴鎹嚜宸变骇鍝佺壒鐐瑰拰鐩爣鐢ㄦ埛杩涜閫夋嫨銆?/p> 浜屻€佸仛缃戠粶钀ラ攢
缃戠粶钀ラ攢鏄寚閫氳繃浜掕仈缃戞笭閬撹繘琛屽晢鍝佹垨鏈嶅姟鎺ㄥ箍鍜岄攢鍞€傝繖绉嶆柟寮忓彲浠ヨ妭鐪佸緢澶氫紶缁熼攢鍞柟寮忔墍闇€瑕佺殑鎴愭湰锛屽苟涓斿彲浠ヨ鏇村浜虹煡閬撲綘鐨勪骇鍝佹垨鏈嶅姟銆傚仛缃戠粶钀ラ攢闇€瑕佹帉鎻′竴瀹氱殑缃戠粶鎶€鑳藉拰甯傚満鍒嗘瀽鑳藉姏銆?/p> 闂細濡備綍鎻愰珮缃戠粶钀ラ攢鏁堟灉锛?
闇€瑕佹牴鎹笉鍚屾笭閬撳埗瀹氫笉鍚岀殑鎺ㄥ箍绛栫暐锛屽苟涓旇鍏虫敞鐢ㄦ埛鍙嶉锛屽強鏃惰皟鏁寸瓥鐣ャ€?/p> 涓夈€佸紑璁惧疄浣撳簵閾?
铏界劧浜掕仈缃戝凡缁忔垚涓轰簡涓绘祦娓犻亾涔嬩竴锛屼絾鏄疄浣撳簵閾轰緷鐒舵湁鍏剁嫭鐗逛紭鍔裤€傞€氳繃瀹炰綋搴楅摵鍙互鐩存帴鎺ヨЕ鍒伴【瀹紝骞朵笖鍙互鎻愪緵鏇村ソ鐨勫敭鍚庢湇鍔°€傚紑璁惧疄浣撳簵閾洪渶瑕佽€冭檻鍦哄湴绉熼噾銆佽淇垂鐢ㄤ互鍙婂憳宸ュ伐璧勭瓑闂銆?/p> 闂細濡備綍鎻愰珮瀹炰綋搴楅摵瀹㈡祦閲忥紵
闄や簡鎻愪緵浼樿川鏈嶅姟澶栵紝杩樺彲浠ラ€氳繃淇冮攢娲诲姩銆侀棬澶磋璁＄瓑鏂瑰紡鍚稿紩椤惧杩涘簵娑堣垂銆?/p> 鍥涖€佸仛寰晢
寰晢鏄寚鍒╃敤寰俊绛夌ぞ浜ゅ獟浣撹繘琛屽晢鍝佹垨鏈嶅姟鎺ㄥ箍鍜岄攢鍞€傝繖绉嶆柟寮忔棤闇€鎶曞叆澶ч噺璧勯噾锛屼篃涓嶅彈鍦板煙闄愬埗锛屽苟涓斿彲浠ュ埄鐢ㄧぞ浜ゅ叧绯昏繘琛岃鍙樺紡浼犳挱銆傚仛寰晢闇€瑕佹敞鎰忛伒瀹堢浉鍏虫硶瑙勫苟寤虹珛鑹ソ鍙ｇ銆?/p> 闂細濡備綍閬垮厤琚涓烘槸浼犻攢锛?
瑕侀伒瀹堢浉鍏虫硶瑙勫苟寤虹珛鑹ソ鍙ｇ锛屽湪鎺ㄥ箍杩囩▼涓鍧氭寔璇氫俊缁忚惀鍘熷垯銆?/p> 浜斻€佹姇璧勭悊璐?
鎶曡祫鐞嗚储鏄寚灏嗛棽缃祫閲戞姇鍏ュ埌鑲＄エ銆佸熀閲戠瓑閲戣瀺浜у搧涓幏鍙栨敹鐩娿€傝繖绉嶆柟寮忛闄╄緝澶т絾鏀剁泭涔熺浉瀵硅緝楂橈紝闇€瑕佸叿澶囦竴瀹氭姇璧勭煡璇嗗拰椋庨櫓鎰忚瘑銆?/p> 闂細濡備綍闄嶄綆鎶曡祫椋庨櫓锛?
闄や簡鎺屾彙鍩烘湰鎶曡祫鐭ヨ瘑澶栵紝杩樿鍒嗘暎椋庨櫓浠ュ強娉ㄦ剰甯傚満娉㈠姩鎯呭喌銆?/p>
浠ヤ笂灏辨槸5绉嶈禋閽辩殑鏂规硶浠嬬粛鍙婄浉鍏抽棶棰樿В绛旈儴鍒嗗唴瀹癸紝鍦ㄥ垱涓氳繃绋嬩腑闇€瑕佹敞鎰忓競鍦哄垎鏋愪笌鐢ㄦ埛闇€姹傚尮閰嶏紝鍦ㄥ叿浣撴搷浣滆繃绋嬩腑涔熻鍧氭寔璇氫俊缁忚惀鍘熷垯骞朵繚鎸佽€愬績涓庡喎闈欏績鎬併€?/p>
