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>
鍥犳锛屽垱涓氳€呬滑鍙互鑰冭檻浣跨敤鐢熸剰绀剧幇鏈熻〃锛岃鑷繁鐨勫垱涓氳矾鏇村姞杞绘澗锛?/p>
