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>
閲嶅簡鍢垮皬闈㈡垚绔嬩簬2011骞达紝鏈潃鎵撻€犳渶姝ｅ畻鍦伴亾鐨勯噸搴嗗皬闈紝鎻愬€℃柊娲惧窛鑿滄ā寮忥紝寤虹珛涓€娴佺殑杩為攣鍝佺墝锛岀巼鍏堟憟寮冪敱澶у帹鎺屽嫼鐨勪紶缁燂紝鏀圭敱涓ぎ宸ュ巶闆嗕腑鐢熶骇锛岀粺涓€閰嶉€侊紝涓嶄絾淇濊瘉浜嗗懗閬撳拰鍝佽川锛岃繕鑺傜渷浜嗘潗鏂欏拰浜哄伐鎴愭湰锛屽伐浣滄祦绋嬬畝鍖栦篃甯︽潵浜嗘瀬濂界殑缁忔祹鏁堢泭銆?/p>
濡備粖锛屽姝ょ伀鐖嗙殑閲嶅簡灏忛潰搴楋紝瓒婃潵瓒婂鐨勪汉鎯冲姞鍏ヨ繘鏉ャ€傞噸搴嗗皬闈㈣垖灏栦笂鐨勪腑鍥藉搧鐗屽摢涓渶姝ｅ畻?鍢垮皬闈㈡槸鎮ㄦ渶浣崇殑閫夋嫨銆傚樋灏忛潰宸茬爺鍙戝嚭浜嗘垚鍝佺殑鏂欏寘锛屽垱涓氳€呭彧闇€璺熺潃鎬婚儴娲惧嚭鐨勫ぇ鍘ㄨ繘琛岀畝鍗曠殑瀛︿範灏辫兘鎺屾彙灏忛潰鍒朵綔鐨勭簿楂擄紝鍔犲叆鎴愬搧鐨勬枡鍖呬篃灏辫兘鏈夌編鍛冲嚭鐐夈€傝繃绋嬬畝鍗曟槗瀛︼紝鑰屼笖灏忛潰鍛抽亾绋冲畾锛屽嵆浣垮垱涓氳€呮病缁忛獙涔熶笉鐢ㄦ媴蹇冦€備篃鏃犻渶鍙﹀鑱樿澶у帹锛屽垱涓氳€呰嚜宸卞氨鍙笂闃碉紝涔熻妭绾︿簡寮€搴楃殑浜哄伐鎴愭湰銆?/p>
