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>
鏈枃鐗堟潈褰掍綔鑰呰礉鍎挎墍鏈夛紝鐙鎺堟潈浜?9璐ф簮缃戯紝浠讳綍褰㈠紡杞浇璇疯仈绯讳綔鑰呫€傛枃绔犲彂甯冩椂闂达細2019-04-09 11:28:53銆?/p>
鎺ㄨ崘闃呰锛?/p>
涓婄彮鏃忓浣曞湪涓氫綑鏃堕棿鍒涗笟?鎳傚緱瀵绘眰瑙ｅ喅鏂规硶寰堥噸瑕?/p>
濡備綍鎵惧埌鑷繁鐨勫垱涓氭柟鍚?骞磋交浜哄垱涓氭柟鍚戝垎鏋?/p>
寰晢鎬庝箞鑷繁鍒涗笟?鏈夊摢浜涘垱涓氭柟鍚?
