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() 方法触发被选元素的指定事件类型
}
鏋ｆ湪鐑ら腑绠楀緱涓婃槸涓€绉嶆瘮杈冩湁鐗硅壊鐨勫皬鍚冧簡锛屾棦鑳藉褰撲綔鐐瑰績鍚冿紝鍚屾椂涔熷彲浠ュ仛姝ｉ锛屽垎閲忓緢瓒筹紝鍛抽亾涔熺壒鍒笉閿欙紝鍏抽敭鏄悆浜嗕箣鍚庤繕涓嶅鏄撲笂鐏紝娣卞彈娑堣垂鑰呯殑鍠滅埍锛岄偅涔堝ぇ瀹剁煡閬撳畠鐨勫姞鐩熻垂鏄灏戝悧?
鏋ｆ湪鐑ら腑鍔犵洘璐?-15涓囧厓涓嶇瓑锛屽洜涓洪€夋嫨鍦ㄤ笉鍚岀殑鍦板尯璐圭敤鏄笉涓€鏍风殑锛屾灒鏈ㄧ儰楦槸鑷村姏浜庣儰楦壒鑹插搧鐗岋紝鑰屼笖鎬婚儴杩樹細鎻愪緵鐑ら腑鍩硅锛屽姞鐩熷晢鍦ㄤ竴涓ぜ鎷滃氨鍙笂闃碉紝鐏垫椿缁忚惀鐨勬ā寮忓氨鍙彂灏忚储浜嗐€傛灒鏈ㄧ儰楦姞鐩熷簵閾洪潰绉牴鎹姞鐩熷晢缁忔祹鏉′欢閫夋嫨锛屽鏋滃姞鐩熷晢鍒濇鍔犵洘娌¤氨鐨勮瘽锛屽彲涓嶇敤搴楅摵缁忚惀锛屽彲浠ラ€夋嫨闂ㄦ。褰㈠紡缁忚惀鐑ら腑锛岃繖鏍蜂笉闇€瑕佹姇鍏ユ垚鏈紝鍒╂鼎涔熼珮銆?/p>
鍔犵洘鏋ｆ湪鐑ら腑濂戒笉濂?
杩欎釜鐑ら腑鍔犵洘搴楀啀閲囩敤璁惧鐜板満鐑瑰埗锛岃交鏉剧渷浜嬫柟渚垮揩鎹凤紝杩樿兘缁熶竴鍙ｅ懗鍜岃惀鍏汇€傛€婚儴绮惧績鐮斿彂鐨勯厤鏂规槸涓€澶т寒鐐癸紝鏃㈣兘閬垮厤浠栦汉澶嶅埗鍜岃秴瓒婏紝杩樿兘鍑潃婊嬭ˉ鏁堟灉鍋氬埌鑰佸皯鐨嗗疁锛屽畠鍊熼壌浜嗗尽鑶抽璋憋紝灏嗗悇绉嶆潗鏂欏拰涓嵂鏉愭寜鐓т竴瀹氭瘮渚嬫惌閰嶅湪涓€璧凤紝杩樹笉鏂殑鍒涙柊鍗囩骇銆?/p>
鍝佺墝鑷劧鑳藉鍑潃鍙彛鐨勫懗閬撳拰鍏ㄦ柊鐨勭敤椁愪綋楠岋紝杞绘澗鍚稿紩娑堣垂鑰呴绻佸厜椤俱€傚氨杩炰骇鍝佺绫讳篃鏄赴瀵屽鏍凤紝鍏稿瀷鐨勫鍚堝紡缁忚惀锛屽悓鏍蜂細鍏锋湁鏇村己鐨勭泩鍒╄兘鍔涘拰鍙戝睍娼滃姏銆傝繖浠嬬粛甯屾湜瀵瑰ぇ瀹舵湁鎵€甯姪銆傚湪澶уソ鐨勬姇璧勫舰鍔夸笅锛岄€夊鍝佺墝灏卞彲浠ユ斁蹇冨姞鐩熶簡銆?/p>
棣栧厛鏋ｆ湪鐑ら腑鐨勫姞鐩熻垂鐢ㄤ篃鍒嗕负涓嶅悓鐨勭瓑绾э紝鏍规嵁鍦板尯鏉ヨ繘琛屽尯鍒嗭紝璺熷叾浠栧搧鐗屽簵閾虹殑鍔犵洘璐圭浉姣旀瘮杈冧究瀹滐紝鍚屾椂鎶曡祫鐨勫満鍦颁篃涓嶉渶瑕佺壒鍒ぇ锛屽洜姝ゅ悇浣嶈鏄湁鍒涗笟鐨勬墦绠楃殑璇濓紝閭ｄ箞涔熷彲浠ュ皾璇曠潃鍘诲仛杩欎釜椤圭洰銆?/p>
鎺ㄨ崘闃呰锛?/p>
娌′汉娉ㄦ剰鐨勬毚鍒╄涓氭湁鍝簺?鍋氱儳鐑よ禋閽卞悧?
棣欎粬濂瑰姞鐩熻垂鐢ㄥ灏?杩樻湁鍝簺鍏朵粬璐圭敤?
涓€鐐圭偣鍔犵洘璐圭敤澶氬皯?涓€骞磋兘璧氬灏戦挶?
