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> 浜屻€佸競鍦哄墠鏅?
鐩墠锛屽浗鍐呮祦琛岀編鍙戦グ鍝佸競鍦烘鍦ㄩ€愭笎澹ぇ銆傛嵁缁熻锛?019骞存垜鍥芥祦琛岀編鍙戦グ鍝佸競鍦烘€昏妯″凡杈惧埌100浜垮厓浠ヤ笂锛屽苟涓旇繕鍦ㄤ笉鏂闀裤€傜壒鍒槸鍦ㄤ竴浜涘ぇ涓煄甯傦紝鐢变簬娑堣垂鑰呭涓€у寲銆佹椂灏氬寲浜у搧闇€姹傞噺澶э紝鎵€浠ヨ繖浜涘湴鍖烘垚涓轰簡娴佽缇庡彂楗拌繛閿佸簵涓昏鐨勫紑搴楀尯鍩熴€?/p> 涓夈€佸垱涓氶棶棰樿В绛?
-
娴佽缇庡彂楗板搧濡備綍閫夎喘锛?
棣栧厛瑕佹牴鎹嚜宸卞ご鍙戠被鍨嬮€夋嫨鍚堥€傛寮忥紝鍦ㄩ鑹层€佹寮忕瓑鏂归潰涔熼渶瑕佽€冭檻鑷繁鏁翠綋閫犲瀷椋庢牸銆傚叾娆¤娉ㄦ剰鏉愯川鏄惁鐜繚銆佹槗浜庢竻娲楃瓑鏂归潰銆?/p>
-
娴佽缇庡彂楗板搧濡備綍淇濆吇锛?
闇€瑕佸畾鏈熸竻娲楀苟鏀剧疆鍦ㄥ共鐕ラ€氶澶勪繚瀛橈紝閬垮厤鎺ヨЕ楂樻俯鎴栭槼鍏夌洿灏勩€傚悓鏃讹紝鍦ㄤ僵鎴磋繃绋嬩腑涔熻閬垮厤鎷夋壇鎴栨憜寮勮繃搴︺€?/p>
-
濡備綍寮€璁句竴瀹舵垚鍔熺殑娴佽缇庡彂楗拌繛閿佸簵锛?
棣栧厛闇€瑕佹湁涓€涓畬鍠勭殑缁忚惀璁″垝涔︼紝骞堕€夋嫨鍚堥€備綅缃繘琛屽紑搴楋紱鍏舵闇€瑕佺簿蹇冩寫閫夎揣婧愶紝骞剁‘淇濅骇鍝佽川閲忥紱鍚庨渶瑕佹敞閲嶅浼犳帹骞垮拰鏈嶅姟璐ㄩ噺锛屽湪椤惧婊℃剰搴︽柟闈笅鍔熷か銆?/p> 鍥涖€佹€荤粨
闅忕潃鏃朵唬鍙樿縼鍜屾秷璐硅€呴渶姹備笉鏂洿鏂帮紝娴佽缇庡彂楗拌繛閿佸簵灏嗕細鎷撳睍鏇村箍闃旂殑甯傚満绌洪棿锛屽苟涓斿湪鏈潵浠嶅皢鏄竴涓叿鏈夎壇濂藉墠鏅拰鍥炴姤娼滃姏鐨勯鍩熴€傚悓鏃讹紝鍦ㄥ垱涓氫箣鍒濋渶瑕佽鐪熷垎鏋愬競鍦洪渶姹傚苟鍒跺畾绉戝鍚堢悊璁″垝锛屽湪缁忚惀杩囩▼涓洿鏄渶瑕佹敞閲嶆湇鍔¤川閲忓拰椤惧婊℃剰搴︺€?/p>
