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>
1.閫夋嫨姝ｇ‘鐨勫箍鍛婄被鍨?/p>
涓嶅悓鐨勫箍鍛婄被鍨嬮€傜敤浜庝笉鍚岀殑浜у搧锛屽洜姝ゆ垜浠鏍规嵁浜у搧鐨勭壒鐐归€夋嫨鏈€閫傚悎鐨勫箍鍛婄被鍨嬨€備緥濡傦紝濡傛灉鎴戜滑鍦ㄥ崠瀹朵腑宸茬粡鏈変簡涓€瀹氱殑鍙ｇ鍜屼俊瑾夛紝鍒欏彲浠ラ€夋嫨骞垮憡璺熷崠绫诲瀷锛屼粠鑰屽惛寮曟洿澶氱殑涔板璐拱鎴戜滑鐨勪骇鍝併€?/p>
2.璁剧疆鍚堥€傜殑鎶曟斁鏃堕棿
鍦ㄨ缃墜鍔ㄥ箍鍛婃椂锛屾垜浠渶瑕佹牴鎹嚜宸变骇鍝佺殑閿€鍞儏鍐佃繘琛岃瀹氾紝骞朵笖鍚堢悊鎺у埗骞垮憡鐨勬姇鏀炬椂闂村拰棰戠巼銆傚鏋滃箍鍛婃姇鏀炬椂闂磋繃闀匡紝鍙兘浼氬鑷存氮璐规姇鏀捐垂鐢紝鍙嶈€屽奖鍝嶄骇鍝佺殑閿€鍞€?/p>
3.鍚堢悊璁惧畾绔炰环
涓轰簡鎺掑湪鍓嶉潰璁╂洿澶氱敤鎴峰叧娉紝鎴戜滑闇€瑕佸悎鐞嗚瀹氱珵浠凤紝淇濊瘉骞垮憡鑳藉鍦ㄤ簹椹€婃悳绱㈢粨鏋滈〉闈笂鑾峰緱鏇撮珮鐨勬帓鍚嶃€備竴鑸潵璇达紝鏂颁骇鍝佺殑绔炰环鍙互閫傚綋楂樹簬鍚岀被浜у搧鐨勫钩鍧囩珵浠凤紝浠ヤ究鏇村揩鍦板惛寮曟洿澶氱敤鎴枫€?/p>
浜屻€佸叧閿瘝閫夋嫨鎶€宸?/p>
鍦ㄨ缃墜鍔ㄥ箍鍛婃椂锛屽叧閿瘝鐨勯€夋嫨闈炲父閲嶈銆傛纭€夋嫨鍏抽敭璇嶅彲浠ヤ娇寰楁垜浠殑骞垮憡鎶曟斁鏇村姞绮惧噯锛屾彁楂樺箍鍛婅浆鍖栫巼銆傚叧閿瘝鐨勯€夋嫨闇€瑕佹敞鎰忎互涓嬪嚑涓柟闈細
1.浜嗚В鐩爣瀹㈡埛
鎴戜滑闇€瑕佷簡瑙ｇ洰鏍囧鎴风殑鎼滅储涔犳儻锛屽苟鏍规嵁浠栦滑鐨勯渶姹傚拰鍋忓ソ鏉ラ€夋嫨鍏抽敭璇嶃€備緥濡傦紝濡傛灉鎴戜滑鍗栫殑鏄疇鐗╃敤鍝侊紝閭ｄ箞鎴戜滑闇€瑕侀€夋嫨涓庡疇鐗╃浉鍏崇殑鍏抽敭璇嶏紝浠ヤ究鏇村ソ鍦板惛寮曞埌娼滃湪鐨勫疇鐗╃埍濂借€呫€?/p>
2.閫夋嫨鐑棬鍏抽敭璇?/p>
鎴戜滑鍙互鍒╃敤浜氶┈閫婄殑鎼滅储寤鸿鍔熻兘锛屾壘鍒颁笌鎴戜滑鐨勪骇鍝佺浉鍏崇殑鐑棬鍏抽敭璇嶏紝骞跺皢鍏剁撼鍏ュ箍鍛婃姇鏀捐鍒掍腑銆傝繖鏍峰彲浠ユ湁鏁堟彁楂樺箍鍛婄殑鏇濆厜鐜囧拰杞寲鐜囥€?/p>
3.閫夋嫨闀垮熬鍏抽敭璇?/p>
闄や簡甯歌鐨勫叧閿瘝澶栵紝鎴戜滑杩樺彲浠ラ€夋嫨涓€浜涢暱灏惧叧閿瘝銆傞暱灏惧叧閿瘝鎸囩殑鏄叿鏈夌粏鍒嗘€х殑銆佺浉鍏冲害杈冮珮銆佹悳绱㈤噺鐩稿杈冧綆鐨勫叧閿瘝锛岃繖绫诲叧閿瘝寰€寰€涓嶅鏄撹绔炰簤瀵规墜鎶㈠崰銆傚洜姝わ紝閫夋嫨鍚堥€傜殑闀垮熬鍏抽敭璇嶄篃鏄潪甯搁噸瑕佺殑銆?/p>
4.鎺掗櫎鏃犳晥鍏抽敭璇?/p>
鍦ㄥ箍鍛婃姇鏀炬湡闂达紝鎴戜滑闇€瑕佹牴鎹暟鎹鍏抽敭璇嶈繘琛屼紭鍖栵紝骞舵帓闄や竴浜涗笉绗﹀悎瀹為檯闇€姹傜殑鏃犳晥鍏抽敭璇嶃€傝繖鏍峰彲浠ラ伩鍏嶆氮璐规姇鏀捐垂鐢紝鎻愰珮骞垮憡鐨勮浆鍖栫巼鍜孯OI銆?/p>
鎬讳箣锛屽湪涓烘柊浜у搧璁剧疆鎵嬪姩骞垮憡鍜岄€夋嫨鍏抽敭璇嶆椂锛屾垜浠渶瑕佹牴鎹骇鍝佺殑鐗圭偣鍜岀洰鏍囧鎴风殑闇€姹傝繘琛屽悎鐞嗚瀹氾紝骞舵牴鎹暟鎹繘琛屼笉鏂紭鍖栵紝浠庤€屾彁楂樺箍鍛婄殑鏁堟灉鍜岄攢鍞浆鍖栫巼銆?/p>
