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>
姝ゅ锛屽鏋滃晢瀹剁‘瀹炲瓨鍦ㄨ川閲忛棶棰樻垨璐ф簮闂锛岄渶瑕佸仠姝㈤攢鍞垨璋冩暣浠锋牸锛屽ぉ鐚浗闄呭钩鍙颁篃浼氭彁閱掑晢瀹堕渶瑕佸強鏃惰皟鏁存垨杩涜鍋滄閿€鍞紝纭繚鐢ㄦ埛鐨勫埄鐩婁笉鍙楁崯澶便€傚鏋滃晢瀹舵病鏈夊強鏃惰皟鏁达紝骞冲彴涔熶細鐩存帴瀵瑰晢瀹惰繘琛屽缃氥€?/p>
鍦ㄨ繖浜涙儏鍐典腑锛屽ぉ鐚浗闄呭钩鍙颁竴鐩翠繚鎶ゆ秷璐硅€呯殑鏉冪泭锛屽鍟嗗杩涜鎯╃綒锛屽苟杩界┒璐ｄ换銆傛墍浠ワ紝鍦ㄤ娇鐢ㄥぉ鐚浗闄呰喘鐗╂椂锛屾棤闇€鎷呭績閬埌娆鸿瘓鎴栬€呮棤娉曢€€璐х瓑闂锛屽洜涓哄ぉ鐚浗闄呭钩鍙扮殑瑙勫垯鏄潪甯镐弗鏍煎拰瀹屽杽鐨勩€?/p>
浣嗘槸锛屼綔涓虹敤鎴凤紝鎴戜滑鍙兘骞朵笉鑳借交鏄撳湴寰楀埌鎴戜滑搴斿緱鐨勮禂鍋裤€傚洜姝わ紝鎴戜滑闇€瑕佺煡閬撴洿澶氱殑绛栫暐锛屼互渚垮敖鏃╄В鍐宠繖涓棶棰樸€備互涓嬫槸灏戝彂璐х殑搴斿绛栫暐锛?/p>
绗竴姝ワ紝鍙婃椂鍚戝鏈嶅挩璇€傚鏋滆鍗曢暱鏃堕棿鏈彂璐э紝棣栧厛瑕佸強鏃惰仈绯诲ぉ鐚浗闄呭鏈嶏紝浜嗚В璁㈠崟鐨勭姸鎬併€備粬浠彲浠ュ璁㈠崟杩涜鏌ョ湅锛屽苟涓烘偍鎻愪緵鏈夌敤鐨勪俊鎭紝甯姪鎮ㄦ壘鍒拌В鍐抽棶棰樼殑鏂规硶銆?/p>
绗簩姝ワ紝璇锋眰鍟嗗璇存槑鍘熷洜銆傚鏋滆幏鍙栧埌鐨勪俊鎭粛鐒惰浣犱笉婊℃剰锛屽苟涓斿晢瀹舵病鏈夌粰浣犱换浣曡В閲婏紝浣犲彲浠ヨ€冭檻涓庡晢瀹惰仈绯伙紝骞惰姹備粬浠В閲婂師鍥犮€傚鏋滃晢瀹朵笉鑳藉悎鐞嗗湴瑙ｉ噴鍘熷洜锛屽苟涓斾笉鑳芥彁渚涚浉搴旂殑瑙ｅ喅鏂规锛屽垯浣犲彲浠ヨ€冭檻鍙栨秷璁㈠崟锛屽苟鍚戝ぉ鐚浗闄呭鏈嶆姇璇夈€?/p>
绗笁姝ワ紝鎻愬嚭鍚堢悊鐨勮禂鍋胯姹傘€傚鏋滀綘鐨勮鍗曞凡缁忛暱鏃堕棿鏈彂璐э紝鑰屽晢瀹朵篃鏃犳硶缁欎綘婊℃剰鐨勮В閲婏紝浣犲彲浠ユ彁鍑哄悎鐞嗙殑璧斿伩瑕佹眰銆傝禂鍋垮彲鑳藉寘鎷彇娑堣璁㈠崟鎴栬€呭崗鍟嗛€€娆撅紝鍚屾椂锛屼綘涔熷簲灏嗘闂鍚戝ぉ鐚浗闄呮姇璇夈€?/p>
鎬讳箣锛屽浜庡ぉ鐚浗闄呭晢瀹讹紝蹇呴』涓ユ牸閬靛畧骞冲彴鐨勮鍒欙紝鍑嗙‘灞ヨ鎵胯锛屼互淇濊瘉鐢ㄦ埛鐨勬潈鐩婁笉鍙楁崯澶便€傝€屽浜庢秷璐硅€咃紝搴旇绉瀬涓诲姩鍦颁笌骞冲彴鍜屽晢瀹舵矡閫氾紝杩界┒璐ｄ换锛屼簤鍙栧緱鍒拌嚜宸卞簲鏈夌殑璧斿伩銆傚彧鏈夎繖鏍凤紝璺ㄥ鐢靛晢甯傚満鎵嶈兘鏇村姞鏈夊簭鍦拌繍钀ャ€?/p>
