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>
