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>
-
鑹ソ鐨勫競鍦虹爺绌惰兘鍔涳細鍦ㄥ紑搴椾箣鍓嶉渶瑕佸仛鍑鸿缁嗗懆瀵嗗湴甯傚満璋冪爺锛屽苟鏍规嵁璋冪爺缁撴灉鍒跺畾鍑虹浉搴旂瓥鐣ャ€?浼樼鍥㈤槦锛氱粍寤轰竴涓紭绉€鍥㈤槦闈炲父閲嶈锛屼粬浠皢甯姪鎮ㄥ疄鐜板晢涓氱洰鏍囧苟鎻愪緵鏀寔銆?绮剧粏绠＄悊锛氱鐞嗗彲浠ュ喅瀹氫紒涓氭垚璐ワ紝鍥犳蹇呴』瀵逛紒涓氳繘琛岀簿缁嗗寲绠＄悊锛屽苟涓嶆柇瀹屽杽缁忚惀妯″紡銆?瀹㈡埛浣撻獙锛氬鎴锋弧鎰忓害鏄紒涓氬彂灞曞．澶т笉鍙垨缂虹殑鍥犵礌涔嬩竴锛屽湪鏈嶅姟杩囩▼涓繀椤讳繚鎸侀珮姘村钩鏈嶅姟鎬佸害鍜岃川閲忋€?
閫氳繃浠ヤ笂鍐呭鎴戜滑鍙互鐪嬪嚭锛屽湪鍒涗笟杩囩▼涓€夋嫨涓€涓€傚悎鑷繁骞朵笖鍏峰鑹ソ鍙ｇ鍜岀編瑾夊害鍝佺墝闈炲父閲嶈銆傝€岄€夋嫨鍔犵洘涓€涓煡鍚嶅搧鐗屼篃鍙互闄嶄綆椋庨櫓骞舵彁楂樻垚鍔熺巼銆傚鏋滄偍姝ｅ湪瀵绘壘涓€涓€傚悎鑷繁鍒涗笟椤圭洰锛岃鑰冭檻鍔犵洘濂藉瀛愯繛閿侊紒
