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>
