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() 方法触发被选元素的指定事件类型
}
1. 铓佸皬浜屼竴閿垎鍙戝伐鍏凤紝浣犲厛鍦ㄤ笂闈㈢粦瀹氫綘鎵€鏈夌殑鑷獟浣撹处鍙凤紝鐒跺悗鎶婁綘鐨勬枃绔犲鍏ュ彂鏂囩珷鐨勭紪杈戝櫒锛屽畬鎴愭帓鐗堝悗锛岄€夋嫨浣犺鍙戝竷鐨勫钩鍙帮紝鐒跺悗閫夋嫨浣犺鍙戝竷鐨勮处鍙凤紝璁剧疆濂戒粬浠殑棰嗗煙锛岃繘琛屼竴閿彂甯冨氨鍙互浜嗭紝杩樻尯鏂逛究鐨勩€?/p>
2. 鏄撳獟鍔╂墜銆備负浜嗗笇鏈涘疄鐜版洿鎷斿皷鐨勫唴瀹规洕鍏夛紝澶у鏁颁釜浜恒€佹満鏋勯€夋嫨鎬ф敞鍐屾柊娴湅鐐广€佹姈闊崇瓑鍑犲崄涓富娴佸唴瀹瑰紑鏀惧钩鍙帮紝濡傛灉浣犱滑鍙垎鍙戝浘鏂囷紝鍚屾瀹?涓钩鍙颁繚瀹堜及璁¤娑堣€?5鍒嗛挓涓婁笅锛屽鏋滆繕闇€瑕佸彂甯冭棰戯紝10涓钩鍙拌嚦灏戣姳璐?0鍒嗛挓锛屾渶閲嶈鍒繕璁帮細杩欒繕鍙槸鍒嗗彂瀹屼竴閮ㄨ棰戯紝姣忓ぉ蹇呭仛锛屾垜浠揪鎴愮粨鏋滃悗锛屼細鎰熷彈姣忓ぉ鍐呭澶氬彂寮傚父褰卞搷鍔炲叕锛屼絾鍙浣跨敤鏄撳獟鍔╂墜杩欎釜宸ュ叿锛岀瀛愩€佸皬瑙嗛涓€娆℃€т笂浼犺嚦鎵€鏈夎棰戝钩鍙帮紝鍙涓冨叓鍒嗛挓灏卞叏閮ㄥ彂甯冨畬姣曪紝瑙ｆ斁浣犵殑鍙屾墜銆?/p>
濡備綍杩涜鍐呭鍒嗗彂?
涓€鑸潵璇磋繘琛屾柊濯掍綋鍐呭鍒嗗彂鏈変袱涓€斿緞锛岀涓€涓槸鍊熷姪宸ュ叿锛岀浜屼釜灏辨槸渚濋潬浜哄姏锛岀幇鍦ㄦ湁鍏嶈垂鐨勫伐鍏风殑宸ュ叿杩涜鍒嗗彂锛屾瘮濡傝殎灏忎簩涓€閿垎鍙戝伐鍏凤紝鍙互鍒嗗彂瑙嗛鍜屾枃绔狅紝鐜板湪鏆傛椂鏄敮鎸?0澶氫釜骞冲彴锛屼互鍚庤繕浼氬鍔犮€備緷闈犱汉鍔涚殑璇濓紝鍒嗗彂30涓乏鍙崇殑骞冲彴锛岄渶瑕佸崐涓皬鏃跺埌涓€涓皬鏃朵箣闂达紝濡傛灉璐﹀彿鏇村鐨勮瘽锛岄偅涔堣繖涓椂闂磋繕浼氬姞鍊嶅欢闀匡紝鐜板湪鍋氳繍钀ラ兘鏄绌舵晥鐜囩殑锛屽崟绾殑杩涜鍒嗗彂骞舵病鏈変粈涔堝疄闄呯殑鎰忎箟锛岃繕涓嶅鐢ㄥ伐鍏蜂唬鏇夸汉鍔涖€?/p>
鍦ㄨ繘琛屽垎鍙戜箣鍓嶏紝浣犲簲璇ュ厛瑙勫垝濂借嚜宸辩殑璐﹀彿锛屾瘡涓钩鍙扮殑瑙勫垯浣犲簲璇ユ懜娓呮锛岃繖涓€鐐瑰氨鑰冭檻鍒颁綘瀵硅嚜濯掍綋骞冲彴鐨勭啛鎮夋€т簡锛岃嚜濯掍綋骞冲彴涓€鑸兘鏄杩庢鑳介噺鐨勫唴瀹癸紝瀵逛簬涓€浜涙瘮杈冨弽浜虹被鐨勫唴瀹癸紝鏈€濂戒笉瑕佸彂甯冨湪鑷獟浣撳钩鍙颁笂锛岃交鍒欐墸鍒嗭紝閲嶅垯灏佸彿銆?/p>
鎬讳箣锛屽綋浣犺处鍙风箒澶氾紝杩涜鍐呭鍒嗗彂鐨勬椂鍊欙紝鍊熷姪鍐呭鍒嗗彂宸ュ叿鑳藉浣夸綘蹇€熷彂甯冨唴瀹癸紝鑺傜渷鏃堕棿锛屼笉杩囨垜浠湪浣跨敤鐨勬椂鍊欙紝闇€瑕侀伒瀹堝钩鍙拌鍒欙紝涓嶇劧杩濊灏卞墠鍔熷敖寮冧簡!
鎺ㄨ崘闃呰锛?/p>
鑷獟浣撹蒋鏂囩殑涓夊ぇ鐗圭偣鏄粈涔?鑷獟浣撹蒋鏂囩殑涓夊ぇ鐗圭偣
鑷獟浣撴帹骞挎槸浠€涔堝伐浣?鑷獟浣撴帹骞挎笭閬撴湁鍝簺?
鑷獟浣撴帹骞垮钩鍙版湁鍝簺?濡備綍钀ラ攢?
