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() 方法触发被选元素的指定事件类型
}
鍏跺疄鍦ㄧ綉涓婂紑搴楄禋閽辩殑鏂瑰紡鏈夊緢澶氾紝鑰屼笖鐜板湪鐨勭數鍟嗗钩鍙颁篃澶氱澶氭牱锛屾牴鎹洰鍓嶇殑鍙戝睍瓒嬪娍锛屾兂蹇呭緢澶氬晢瀹朵篃鎯宠浜嗚В缃戜笂寮€搴楁渶璧氶挶鐨勯」鐩簡锛屽洜涓哄彧鏈夊府鍔╁崠瀹惰禋閽憋紝鎵嶆槸鍗栧鎵€鍚戝線鐨勫垱涓氶」鐩€?br/>
涓€銆佹窐瀹濆紑搴?/p>
绗竴姝ュ噯澶囧ソ鑷繁鐨勮韩浠借瘉锛岀劧鍚庢悳绱⑩€滄窐瀹濃€濈偣鍑昏繘鍏ワ紝璁颁綇鏄敤鐢佃剳鎼滅储锛屾墜鏈哄紕涓嶄簡銆?/p>
绗簩姝ョ劧鍚庣偣鍑诲崠瀹朵腑蹇冿紝鐐瑰嚮鍏嶈垂寮€搴椼€?/p>
绗笁姝ユ敞鍐岃处鍙风殑鏃跺€欙紝浣跨敤鏀粯瀹濇垨鑰呮敞鍐岃处鍙峰氨鍙互銆?/p>
绗洓姝ユ敞鍐屽畬涔嬪悗锛屾垜浠渶瑕佺即绾充繚璇侀噾銆?/p>
浜屻€佹嫾澶氬寮€搴?/p>
绗竴姝ワ細棣栧厛鐧婚檰鎷煎澶氬钩鍙拌处鍙?/p>
绗簩姝ワ細鐢宠鍏ラ┗(鐐瑰嚮椹笂鍏ラ┗杩涘叆鍏ラ┗娴佺▼)
绗笁姝ワ細閫夋嫨寮€搴楃被鍨嬶紙杩欓噷鏈夊垎涓汉寮€搴楀拰浼佷笟寮€搴椾袱绉嶇被鍨嬶級
绗洓姝ワ細瀹屽杽寮€搴楄祫璐?/p>
绗簲姝ワ細绛剧害
绗叚姝ワ細鍏ラ┗鎴愬姛
涓夈€佷含涓滃紑搴?/p>
1銆佹敞鍐岋細
1)娉ㄥ唽浜笢涓汉鐢ㄦ埛璐﹀彿;
2)杩涘叆浜笢鐢ㄦ埛涓績楠岃瘉鎵嬫満鍜岄偖绠?
3)杩涘叆鍟嗗鍏ラ┗椤甸潰锛岀偣鍑烩€滄垜瑕佸叆椹烩€?
4)纭鍏ラ┗鍗忚銆佹煡鐪嬪叆椹婚』鐭ャ€佸綍鍏ュ紑搴楄仈绯讳汉淇℃伅;
2銆佸～鍐?鎻愪氦淇℃伅鍙婅祫鏂欙細
1)濉啓鍏徃銆佸簵閾轰俊鎭紝鎻愪氦璧勮川;褰撶劧濡傛灉鏄釜浜哄紑搴楋紝搴旇灏变笉闇€瑕佸叕鍙镐俊鎭簡;
2)閫夋嫨搴楅摵鍚嶇О鍙婂煙鍚?
3)纭鍦ㄧ嚎鏈嶅姟鍗忚;
3銆佺瓑寰呬含涓滃鏍革細
1)浜笢7涓伐浣滄棩鍐呭弽棣堝鏍哥粨鏋?
2)鍟嗗鍙煡璇㈠叆椹诲鏍歌繘搴︼紝鍙婃帴鏀跺叆椹昏繘搴﹂偖浠堕€氱煡;
4銆佸晢瀹剁即璐癸紝寮€搴楋細
1)鍟嗗鍦ㄧ嚎缂磋垂;
2)浜笢纭缂磋垂鏃犺;
3)搴楅摵寮€閫?
4)鍟嗗鐧婚檰鍚庡彴銆?/p>
铏界劧璇寸數鍟嗗钩鍙版湁寰堝锛屼絾鏄洰鍓嶆潵鐪嬶紝鏈€澶х殑涓夊ぇ宸ㄥご鐢靛晢杩樻槸娣樺疂銆佹嫾澶氬鍜屼含涓滐紝鑰屼笖杩欎笁鑰呯洿鎺ョ殑绔炰簤涔熻秺鏉ヨ秺婵€鐑堬紝灏ゅ叾鏄嫾澶氬锛岀垎鍙戦€熷害瓒呯骇蹇紝濡傛灉鑳藉杩愯惀濂斤紝鑷劧涔熻兘璁╁悇浣嶈禋閽便€?/p>
鎺ㄨ崘闃呰锛?/p>
璧氶挶灏忕獚闂ㄦ湁鍝簺?鏈変粈涔堣禋閽辩殑绉樿瘈?
缃戜笂鍒涗笟璧氶挶鐨勫ソ鏂规硶鏄粈涔?缃戜笂鍋氫粈涔堣禋閽?
濡備綍鍦ㄧ綉涓婅禋閽?涓嶅嚭闂ㄥ仛浠€涔堣禋閽?
