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>
涓€銆佸叧绋庡拰璐告槗鍗忓畾
1. 缇庡浗鍏崇◣
鍦ㄥ嚭鍙ｇ編鍥戒箣鍓嶏紝浼佷笟闇€瑕佷簡瑙ｇ編鍥界殑鍏崇◣鏀跨瓥銆傜編鍥界殑鍏崇◣寰堥珮锛岄儴鍒嗕骇鍝佺敋鑷宠揪鍒颁簡鍑犲崄鐢氳嚦涓婄櫨涓櫨鍒嗙偣銆傛澶栵紝缇庡浗杩樻湁鍏朵粬鐨勮锤鏄撳鍨掞紝濡傚弽鍊鹃攢鎺柦銆侀檺鍒惰繘鍙ｇ瓑銆?/p>
2. 缇庡浗鐨勮锤鏄撳崗瀹?/p>
缇庡浗涓庝笉鍚屽浗瀹跺拰鍦板尯绛捐浜嗗涓嚜鐢辫锤鏄撳崗瀹氾紝鍖呮嫭鍖楃編鑷敱璐告槗鍗忓畾銆佷腑缇庤锤鏄撳崗瀹氱瓑銆傝繖浜涘崗瀹氫负鍑哄彛鍟嗘彁渚涗簡鏇村鐨勪紭鎯犳斂绛栧拰渚垮埄鏉′欢銆備緥濡傦紝鍖楃編鑷敱璐告槗鍗忓畾澶у箙闄嶄綆浜嗗姞鎷垮ぇ銆佺編鍥藉拰澧ㄨタ鍝ヤ笁鍥戒箣闂寸殑鍏崇◣鍜岃锤鏄撳鍨掞紝浣垮弻鏂逛紒涓氬彲浠ユ洿鍔犲鏄撳湴杩涘叆瀵规柟甯傚満銆?/p>
浜屻€侀檷浣庡嚭鍙ｆ垚鏈拰椋庨櫓鐨勬柟娉?/p>
1. 浜嗚В鐩爣甯傚満闇€姹?/p>
鍦ㄥ嚭鍙ｄ箣鍓嶏紝浼佷笟闇€瑕佹繁鍏ヤ簡瑙ｇ洰鏍囧競鍦虹殑闇€姹傚拰鍙ｅ懗銆備緥濡傦紝缇庡浗浜哄浜у搧鐨勫寘瑁呫€侀鑹插拰灏哄閮芥湁寰堥珮鐨勮姹傦紝濡傛灉涓嶈兘绗﹀悎杩欎簺闇€姹傦紝灏卞彲鑳芥棤娉曡繘鍏ョ編鍥藉競鍦恒€傚洜姝わ紝浼佷笟闇€瑕佺Н鏋佷笌褰撳湴娑堣垂鑰呬氦娴佸苟涓旀牴鎹弽棣堣繘琛岃皟鏁淬€?/p>
2. 鎷ユ湁鍚堥€傜殑閿€鍞綉缁?/p>
鎷ユ湁鍚堥€傜殑閿€鍞綉缁滄槸鍑哄彛缇庡浗鐨勫叧閿€備紒涓氬彲浠ラ€夋嫨鐩存帴鍑哄彛鎴栬€呴€氳繃浠ｇ悊鍟嗙瓑涓粙娓犻亾杩涘叆缇庡浗甯傚満銆傚浜庝竴浜涜妯¤緝灏忕殑浼佷笟鏉ヨ锛岄€氳繃浠ｇ悊鍟嗙殑鏂瑰紡鏇翠负閫傚悎锛屽彲浠ラ檷浣庨闄╁拰鎴愭湰銆?/p>
3. 浜嗚В缇庡浗鐨勭煡璇嗕骇鏉冧繚鎶ゆ斂绛?/p>
缇庡浗瀵圭煡璇嗕骇鏉冧繚鎶ら潪甯搁噸瑙嗭紝浠讳綍渚电姱鐭ヨ瘑浜ф潈鐨勮涓洪兘灏嗗彈鍒颁弗鍘夌殑鎯╃綒銆傚洜姝わ紝浼佷笟闇€瑕佷簡瑙ｇ編鍥界殑鐭ヨ瘑浜ф潈淇濇姢鏀跨瓥锛屽苟鍔犲己鑷繁鐨勬妧鏈鐞嗗拰闃蹭吉鎺柦銆?/p>
4. 绉瀬寮€灞曡法鍥藉悎浣?/p>
绉瀬寮€灞曡法鍥藉悎浣滄槸闄嶄綆鍑哄彛椋庨櫓鐨勯噸瑕佹墜娈点€備紒涓氬彲浠ヤ笌缇庡浗鐨勯噰璐晢銆佷緵搴斿晢鎴栧叾浠栫被鍨嬬殑鍚堜綔浼欎即杩涜绱у瘑鍚堜綔锛屽叡鍚屽垎浜競鍦轰俊鎭拰璧勬簮锛屽苟鍔犲己椋庨櫓绠＄悊銆?/p>
鎬讳箣锛屽嚭鍙ｇ編鍥介渶瑕佷簡瑙ｇ浉鍏崇殑鍏崇◣鍜岃锤鏄撳崗瀹氾紝骞朵笖绉瀬鎺㈢储闄嶄綆鎴愭湰鍜岄闄╃殑鏂规硶銆傛湭鏉ワ紝闅忕潃涓浗浼佷笟鐨勪笉鏂垚闀匡紝鍑哄彛甯傚満灏嗚秺鏉ヨ秺骞块様銆傛垜浠湡寰呯潃鏇村鐨勪紒涓氳兘澶熷紑鎷撴捣澶栧競鍦猴紝璧板悜涓栫晫銆?/p>
