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>
棣栧厛锛岃櫨鐨秴鏉愰€€璐ф斂绛栥€傝櫨鐨秴鏉愮粰鍑轰簡闈炲父鏄庣‘鐨勯€€璐ф斂绛栵紝瀹冩壙璇哄湪涓€瀹氭椂闂村唴涓烘秷璐硅€呮彁渚涙棤鐞嗙敱閫€鎹㈣揣鏈嶅姟銆傛秷璐硅€呭彧闇€瑕佸湪璐拱鍚?5澶╁唴鑱旂郴瀹㈡湇鐢宠閫€璐у嵆鍙€傝櫨鐨秴鏉愪篃鎻愪緵浜嗗嚑绉嶉€€璐ф柟寮忥紝鍖呮嫭蹇€掍笂闂ㄥ彇浠躲€佽嚜琛屽瘎鍥炵瓑銆傛澶栵紝濡傛灉璐拱鐨勫晢鍝佹湁璐ㄩ噺闂锛岃櫨鐨秴鏉愯繕浼氭壙鎷呴€€璐ч偖璐广€?/p>
鐒惰€岋紝铏剧毊瓒呮潗鐨勯€€璐ф斂绛栧苟涓嶅畬缇庛€傝櫧鐒惰櫨鐨秴鏉愬湪鏀跨瓥涓婃壙璇烘棤鏉′欢閫€璐э紝浣嗘槸瀹為檯涓婂苟闈炴墍鏈夊晢鍝侀兘鍙互鏃犵悊鐢遍€€璐с€備緥濡傦紝涓€浜涚壒娈婄殑鍟嗗搧锛屽瀹氬埗鍟嗗搧銆佺壒浠峰晢鍝佺瓑锛屽彲鑳戒細鍙楀埌闄愬埗銆傛澶栵紝铏剧毊瓒呮潗杩樿姹傞€€璐у晢鍝佸繀椤诲師鍖呰銆佹爣绛惧畬濂姐€佹病鏈変娇鐢ㄧ棔杩圭瓑銆傚洜姝わ紝濡傛灉娑堣垂鑰呰喘涔扮殑鍟嗗搧涓嶇鍚堥€€璐ф潯浠讹紝灏变笉鑳戒韩鍙楁棤鐞嗙敱閫€璐ф湇鍔°€?/p>
鍏舵锛岃櫨鐨秴鏉愰攢鍞亣鍐掍吉鍔ｄ骇鍝佺殑鎯呭喌銆傝櫨鐨秴鏉愪负闃叉鍋囧啋浼姡浜у搧鐨勫嚭鐜帮紝閲囩敤浜嗗绉嶆墜娈碉紝濡備弗鏍煎鏍稿晢瀹惰祫璐ㄣ€佺姝㈠晢瀹跺彂甯冧笌鐪熷疄鍟嗗搧涓嶇鐨勫晢鍝佺瓑銆傜劧鑰岋紝鐢变簬铏剧毊瓒呮潗涓婃湁澶ч噺鐨勫晢瀹跺拰鍟嗗搧锛岃繖浜涙帾鏂藉苟涓嶈兘瀹屽叏閬垮厤鍋囧啋浼姡浜у搧鐨勫嚭鐜般€傚洜姝わ紝鍦ㄥ疄闄呮搷浣滀腑锛岃櫨鐨秴鏉愯繕闇€瑕佹秷璐硅€呰嚜琛岀攧鍒揣婧愩€佷环鏍间互鍙婅瘎浠风瓑锛屾墠鑳戒负鎮ㄦ彁渚涙洿鍔犲彲闈犵殑璐墿浣撻獙銆?/p>
褰撲竴涓晢瀹惰鍙戠幇閿€鍞亣鍐掍吉鍔ｅ晢鍝佹椂锛岃櫨鐨秴鏉愪細瀵瑰叾杩涜澶勭綒銆傝櫨鐨秴鏉愯繍钀ユ斂绛栬瀹氾紝濡傛灉鍟嗗鍙戝竷鐨勫晢鍝佽鍙戠幇瀛樺湪鍋囧啋浼姡绛夐棶棰橈紝灏嗕細琚垪鍏ヨ櫨鐨秴鏉愰粦鍚嶅崟锛屽苟涓旂姝㈠叾鍦ㄥ钩鍙颁笂閿€鍞晢鍝併€傚湪鏋佺鎯呭喌涓嬶紝铏剧毊瓒呮潗杩樺彲浠ヨ捣璇夊晢瀹躲€傛牴鎹€婁腑鍗庝汉姘戝叡鍜屽浗鍙嶄笉姝ｅ綋绔炰簤娉曘€嬬殑鐩稿叧瑙勫畾锛屼竴鏃﹀晢瀹惰鍒ゅ畾鏈変笉褰撹涓猴紝灏嗕細鍙楀埌宸ㄩ缃氭锛屽悓鏃惰繕鍙兘鎵挎媴鍒戜簨璐ｄ换銆?/p>
鎬讳綋鏉ヨ锛岃櫨鐨秴鏉愰€€璐ф斂绛栫浉瀵圭伒娲伙紝浣嗘槸闇€瑕佹秷璐硅€呴伒瀹堢浉鍏宠瀹氥€傝櫨鐨秴鏉愪篃鍦ㄩ噰鍙栧绉嶆墜娈甸槻姝㈠亣鍐掍吉鍔ｄ骇鍝佺殑鍑虹幇锛屽苟涓斿杩濊鍟嗗杩涜鎯╃綒銆傚鏋滄偍鍦ㄨ喘涔拌櫨鐨秴鏉愪笂鐨勫晢鍝佹椂閬囧埌浜嗛棶棰橈紝寤鸿鍙婃椂鑱旂郴瀹㈡湇瑙ｅ喅锛屼繚鎶よ嚜宸辩殑鏉冪泭骞剁淮鎶ゅ競鍦虹З搴忋€?/p>
