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>
1.鍗曚釜鍙戣揣鏂瑰紡
鍗曚釜鍙戣揣鏂瑰紡鏄寚姣忎釜鍙樹綋浜у搧鍗曠嫭杩涜鍙戣揣銆傚鏋滀綘鏈変袱涓彉浣撲骇鍝侊紝涓€涓槸绾㈣壊鐨勶紝涓€涓槸钃濊壊鐨勶紝浣犻渶瑕佷负姣忎釜棰滆壊鍒嗗埆鍒涘缓涓€涓崟涓€鐨凷KU锛堝簱瀛樺崟浣嶏級骞惰繘琛屽彂璐с€傝繖绉嶆柟娉曠殑浼樼偣鏄畝鍗曟槗鐢紝姣忎釜璁㈠崟鍙渶瑕佸鐞嗕竴涓彉閲忥紝涓嶉渶瑕佷换浣曢澶栫殑宸ヤ綔銆備絾鏄紝杩欑鏂规硶鍙兘浼氬鍔犳垚鏈紝鍥犱负浣犻渶瑕佸鐞嗘洿澶氱殑鍖呰鍜岃繍杈撱€?/p>
2.鎵撳寘鍙戣揣鏂瑰紡
鎵撳寘鍙戣揣鏂瑰紡鏄寚灏嗗叿鏈夌浉鍚屽睘鎬х殑鍙樹綋浜у搧鎹嗙粦鍦ㄤ竴璧疯繘琛屽彂璐с€備緥濡傦紝濡傛灉浣犳湁涓変釜灏哄涓嶅悓鐨勮。鏈嶏紙灏忓瀷锛屼腑绛夊拰澶у瀷锛夛紝浣犲彲浠ユ妸浠栦滑鏀惧湪鍚屼竴涓寘瑁逛腑鍙戦€佺粰瀹㈡埛銆傝繖绉嶆柟娉曞彲浠ュ噺灏戝寘瑁呭拰鐗╂祦鐨勬垚鏈紝浣嗘槸锛屽綋璁㈠崟鍖呭惈澶氫釜鍙橀噺鏃讹紝鎵撳寘鍙戣揣闇€瑕佹洿澶氱殑鍑嗗鍜岀粍缁囧伐浣溿€?/p>
3.涓€浣撳寲鍙戣揣鏂瑰紡
涓€浣撳寲鍙戣揣鏂瑰紡灏嗕笉鍚屽彉閲忎骇鍝佺殑鍙戣揣鍚堝苟鍒颁竴涓寘瑁逛腑銆傚湪杩欑鏂规硶涓紝浣犱細涓烘瘡涓彉閲忓垱寤轰竴涓猄KU锛岀劧鍚庡皢瀹冧滑鍚堝苟鎴愪竴涓睘浜庡悓涓€涓垪琛ㄧ殑鍞竴SKU銆傝繖绉嶆柟寮忛€氬父闇€瑕佷笌浜氶┈閫婄殑澶氬彉閲忕鐞嗗伐鍏烽厤鍚堜娇鐢紝鍦ㄤ簹椹€婂钩鍙颁腑鎺у埗鍜岃窡韪墍鏈夊彉閲忕殑搴撳瓨鍜岄攢鍞€傝繖绉嶆柟娉曞彲浠ユ渶澶х▼搴﹀湴鍑忓皯鎴愭湰鍜屽鐞嗘椂闂达紝浣嗛渶瑕佹洿澶氱殑绠＄悊鍜岀洃鎺с€?/p>
4.娣峰悎鍙戣揣鏂瑰紡
娣峰悎鍙戣揣鏂瑰紡鏄寚灏嗗崟涓彂璐ф柟寮忓拰鎵撳寘鍙戣揣鏂瑰紡缁撳悎鍦ㄤ竴璧凤紝浠ユ弧瓒充笉鍚岀殑璁㈠崟闇€姹傘€備緥濡傦紝鍦ㄦ煇浜涙儏鍐典笅锛屼綘闇€瑕佸皢涓や釜鍙橀噺鍒嗗紑鍙戦€佺粰瀹㈡埛锛岃€屽湪鍏朵粬鎯呭喌涓嬶紝浣犲彲浠ュ皢瀹冧滑鎵撳寘鍦ㄤ竴璧枫€傝繖绉嶆柟娉曢€氬父闇€瑕佹洿澶氱殑鎵嬪姩宸ヤ綔鍜屽姫鍔涙潵婊¤冻璁㈠崟鐨勪笉鍚岄渶姹傘€?/p>
鎬讳箣锛屼簹椹€婂彉浣撲骇鍝佸彂璐ф柟寮忕殑閫夋嫨搴旇鍩轰簬浣犵殑鍟嗗搧绫诲瀷銆佽鍗曟暟閲忎互鍙婃垚鏈拰鏃堕棿鐨勬潈琛°€傚崟涓彂璐ф柟寮忓彲浠ョ畝鍖栨搷浣滐紝浣嗗彲鑳藉鍔犳垚鏈拰鐗╂祦澶嶆潅鎬э紱鎵撳寘鍙戣揣鏂瑰紡鍙互鍑忓皯鎴愭湰锛屼絾闇€瑕佹洿澶氱殑缁勭粐鍜屽噯澶囧伐浣滐紱涓€浣撳寲鍙戣揣鏂瑰紡鍙互鏈€澶х▼搴﹀湴鑺傜渷鎴愭湰鍜屾椂闂达紝浣嗛渶瑕佹洿澶氱殑绠＄悊鍜岀洃鎺с€傛贩鍚堝彂璐ф柟寮忓垯鍙互鐏垫椿鍦版弧瓒充笉鍚岃鍗曠殑闇€姹傘€傛棤璁轰綘閫夋嫨鍝鍙戣揣鏂瑰紡锛屼竴瀹氳娉ㄦ剰浜氶┈閫婂钩鍙扮殑瑙勫畾鍜岃姹傦紝骞朵繚鎸佽壇濂界殑搴撳瓨鍜岃鍗曠鐞嗐€?/p>
