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() 方法触发被选元素的指定事件类型
}
10-20宸﹀彸
澶ч奔鍙烽渶瑕佸吇鍙峰悧?
棣栧厛鎴戣涓€涓嬭嚜濯掍綋璐﹀彿涓轰粈涔堣鍏诲彿?寰堝浜轰笉鐞嗚В锛屾敞鍐屼竴涓处鍙蜂笂鏉ュ氨鍙戝唴瀹癸紝鎬昏寰楀彧瑕佹妸鍐呭鍋氬ソ锛岃嚜鐒跺氨澶у姛鍛婃垚浜嗭紝鍏跺疄杩欐槸閿欒鐨勬€濊矾锛屽洜涓哄垰娉ㄥ唽瀹岀殑璐﹀彿蹇呴』瑕佺粡鍘嗕竴涓吇鍙烽樁娈碉紝濡傛灉涓嶅吇鍙凤紝浣犵殑璐﹀彿鏉冮噸灏卞緢浣庯紝鍚庢湡灏辩畻鍐呭鍐嶅ソ锛屼篃闅句互杈惧埌鐞嗘兂鏁堟灉銆?/p>
涓嶇浣犳槸娉ㄥ唽鐨勭櫨瀹跺彿銆佸ご鏉″彿銆佸ぇ楸煎彿杩樻槸浼侀箙鍙风瓑锛屽垰娉ㄥ唽瀹岄鍏堣鍋氫笁浠朵簨锛?銆佹洿鎹㈠ご鍍?銆佷慨鏀瑰悕绉? 3銆佸～鍐欑畝浠嬶紝杩欎笁姝ョ己涓€涓嶅彲銆傚洜涓轰綘鏂版敞鍐屼竴涓处鍙风郴缁熶細瀵逛綘鏈夊垽鏂紝鏄惁涓哄兊灏稿彿锛屽鏋滀綘鐨勮处鍙锋病澶村儚娌″悕绉版病绠€浠嬶紝绯荤粺鑷劧灏辫涓烘槸鍍靛案鍙凤紝鍚庢湡灏变笉浼氭湁娴侀噺鐨勫€炬枩銆?/p>
鍏舵灏辨槸浜掑姩锛屽浣曚簰鍔?璁茬┒涓ゅ師鍒?1銆佹坊鍔犲叧娉ㄥ悓琛岃嚦灏?鍒?0涓紝2銆佷富鍔ㄨ瘎璁虹偣璧炪€?/p>
鍏充簬鍏虫敞鐨勫璞″湪杩欓噷鎴戣绠€鍗曡鍑犲彞锛氬敖閲忎笉瑕佸叧娉ㄨ窡鑷繁鏃犲叧琛屼笟鐨勮处鍙凤紝鍥犱负杩欐牱寰堥毦璁╃郴缁熺簿鍑嗗垽鏂綘鐨勯鍩熷悓琛屻€?/p>
寰堝鑷獟浣撲汉娉ㄥ唽瀹岃处鍙峰氨寮€濮嬬洸鐩殑鎬濊€冨唴瀹癸紝鍙戝唴瀹癸紝鍏跺疄鏄敊璇殑锛屽洜涓鸿处鍙烽兘娌℃湁涓€涓吇鍙疯繃绋嬶紝璋堜粈涔堝唴瀹广€?/p>
鏂板彿鍦ㄥ彂鏂囩殑鏃跺€欎竴瀹氳璁茬┒杩欎笁涓師鍒欙細1銆佸彂鏂囬娆℃湁瑙勫緥锛?銆佸彂鏂囧唴瀹硅川閲忚濂斤紝3銆佸彂鏂囦笉鑳芥惉杩愬拰鎶勮銆?/p>
鏂板彿濡傛灉涓婇潰涓夌偣鏈変竴鐐逛笉娉ㄦ剰锛岄偅涔堝氨浼氬浣犳暣涓处鍙峰悗鏈熺殑杩愯惀閫犳垚涓嶅彲鎸藉洖鐨勫垱浼ゃ€備竴鑸儏鍐碉紝鍏诲彿鐨勬椂闂村湪涓€鍛ㄥ乏鍙充负瀹滐紝姣忎釜骞冲彴鍙兘浼氭湁宸紓锛屼絾鏄椂闂磋鎶婃帶濂斤紝涓嶈兘澶暱涓嶈兘澶煭銆?/p>
鎬荤殑鏉ヨ锛屽ぇ楸煎彿鏂版墜鍙蜂竴鑸环鏍煎湪10-20宸﹀彸鐨勪細姣旇緝甯歌涓€浜涖€傚鏋滄槸涓€鑸殑璐﹀彿锛屼环鏍煎彲鑳藉氨鏄?0-50涔嬮棿涓嶇瓑銆?/p>
鎺ㄨ崘闃呰锛?/p>
澶ч奔鍙疯繕鏈夊繀瑕佸仛鍚?鏄笉鏄€掗棴浜?
澶ч奔鍙锋牴鏈禋涓嶅埌閽卞悧?璧氶挶闇€瑕佷粈涔堟潯浠?
澶ч奔鍙峰紑閫氭敹鐩婂お闅炬€庝箞鍔?瑙ｅ喅鍔炴硶浠嬬粛
