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>
閫熷崠閫氬畼鏂圭綉绔欐彁渚涗簡涓板瘜鐨勬嫑鍟嗕俊鎭紝鍖呮嫭鍏嶈垂寮€搴椼€乂IP搴楅摵銆侀捇鐭冲簵閾虹瓑绾х瓑銆傚悓鏃讹紝閫熷崠閫氳繕鎻愪緵浜嗘瘡涓被鐩殑鎷涘晢淇℃伅銆傛€庢牱鏌ユ壘閫熷崠閫氱被鐩嫑鍟嗕俊鎭憿锛?/p>
鍦ㄩ€熷崠閫氶椤靛乏涓婅锛屽彲浠ョ湅鍒颁竴涓€滃叏閮ㄧ被鐩€濈殑閫夐」锛岀偣鍑诲悗灏辫兘杩涘叆閫熷崠閫氭墍鏈夌被鐩殑椤甸潰銆傜偣鍑绘兂瑕佹煡鐪嬬殑绫荤洰锛屽嵆鍙繘鍏ヨ绫荤洰鐨勮鎯呴〉闈紝椤甸潰搴曢儴鍗冲彲鐪嬪埌璇ョ被鐩殑鎷涘晢淇℃伅銆傚涓嬪浘鎵€绀猴細
閫氳繃涓婅堪鏂规硶锛屽彲浠ヤ簡瑙ｅ埌姣忎釜绫荤洰鐨勬嫑鍟嗕俊鎭紝杩欏浜庡崠瀹舵潵璇村挨涓洪噸瑕併€傚悓鏃跺湪鎷涘晢淇℃伅椤甸潰涓紝杩樺彲浠ヤ簡瑙ｅ埌璇ョ被鐩殑琛屼笟瓒嬪娍銆佽繘鍙ｈ锤鏄撶瓑鐩稿叧璧勮锛屽崄鍒嗗疄鐢ㄣ€?/p>
浜屻€佸綋鍓嶉€熷崠閫氫笂鐑棬鐨勭被鐩帹鑽?/p>
闅忕潃娑堣垂鑰呭涓浗鍟嗗搧鐨勯渶姹傚鍔狅紝閫熷崠閫氫笂鐨勭被鐩篃鍦ㄤ笉鏂墿灞曘€傛湁浜涚被鐩湪閫熷崠閫氫笂闈炲父鍙楁杩庯紝涓嬮潰灏变负澶у浠嬬粛涓€浜涘綋鍓嶉€熷崠閫氫笂鐑棬鐨勭被鐩€?/p>
1. 鏈嶉グ绫?/p>
鍦ㄩ€熷崠閫氭湇楗扮被鍒腑锛屽コ瑁呫€佸唴琛ｃ€佺敺瑁呯瓑鏄緢鐑棬鐨勭被鍒€傚コ瑁呬骇鍝佸崠寰楀緢濂斤紝灏ゅ叾鏄缇庨鏍肩殑杩炶。瑁欍€乀鎭ゅ拰鍗。绛夈€傝€屽唴琛ｇ被鍒腑锛屾枃鑳稿拰鍐呰￥鏄攢鍞墠涓や綅鐨勪骇鍝侊紝杩欒〃鏄庨€熷崠閫氫笂鐨勯【瀹㈡洿娉ㄩ噸鑸掗€傛€с€佸搧璐ㄥ拰浠锋牸銆?/p>
2. 鎵嬫満閰嶄欢绫?/p>
闅忕潃鏅鸿兘鎵嬫満鐨勫箍娉涙櫘鍙婏紝鎵嬫満閰嶄欢涔熸垚涓轰簡閫熷崠閫氫笂鐨勭儹闂ㄤ骇鍝併€傛墜鏈哄３銆佸睆骞曚繚鎶よ啘銆佺Щ鍔ㄧ數婧愮瓑閮芥槸寰堝彈娆㈣繋鐨勪骇鍝併€傜洰鍓嶏紝閫熷崠閫氫笂鏈€鍙楁杩庣殑鎵嬫満閰嶄欢鏄棤绾垮厖鐢靛櫒锛屽畠鐨勯攢鍞鏄粖骞村闀挎渶蹇殑銆?/p>
3. 姣嶅┐绫?/p>
姣嶅┐浜у搧鍦ㄩ€熷崠閫氫笂涔熸槸鐑棬鍟嗗搧涔嬩竴銆傚瓡濡囪銆佸┐鍎垮簥銆佸┐鍎胯溅銆佸ザ绮夌瓑閮芥槸鐩墠鐑攢鐨勪骇鍝併€傚€煎緱涓€鎻愮殑鏄紝閫熷崠閫氫笂杩樻湁璁稿鍗栧閿€鍞嚜宸盌IY鐨勫┐鍎跨敤鍝侊紝杩欎簺浜у搧鐨勫垱鎰忓拰璐ㄩ噺閮藉緢濂斤紝鏄釜涓嶉敊鐨勯€夋嫨銆?/p>
4. 鐝犲疂绫?/p>
鐝犲疂绫诲埆涓紝椤归摼銆佹墜閾俱€佽€崇幆绛夋槸寰堢儹闂ㄧ殑浜у搧銆傜洰鍓嶏紝閫熷崠閫氫笂閿€鍞渶濂界殑鐝犲疂鏄?25閾堕楗帮紝杩欑鏉愭枡鐨勯楗版瘮杈冨畨鍏紝鑰屼笖浠锋牸骞虫槗杩戜汉銆?/p>
缁煎悎鏉ョ湅锛屼互涓婂嚑绫讳骇鍝佸湪閫熷崠閫氫笂閮介潪甯稿彈娆㈣繋锛屽湪鍙戞帢鏇村鏈夋綔鍔涚殑鍝佺被鏃跺彲浠ュ€熼壌杩欎簺鐑棬绫荤洰鐨勪俊鎭€?/p>
鎬昏€岃█涔嬶紝濡備綍鏌ョ湅閫熷崠閫氱被鐩嫑鍟嗕俊鎭互鍙婁簡瑙ｇ儹闂ㄧ被鐩紝瀵逛簬閫熷崠閫氬崠瀹舵潵璇达紝閮芥槸闈炲父閲嶈鐨勩€傚彧鏈夐€氳繃娣卞叆鍦颁簡瑙ｉ€熷崠閫氬钩鍙颁笂鐨勫悇涓被鐩紝鎵嶈兘鏇村ソ鍦板簲瀵瑰競鍦哄彉鍖栥€佸紑灞曞鍏冨寲鐨勭粡钀ャ€?/p>
