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> Q&A锛?Q 寮€涓€瀹跺皬鍨嬬帺鍏峰簵闇€瑕佸摢浜涜祫鏍艰瘉涔︼紵
A 寮€涓€瀹跺皬鍨嬬帺鍏峰簵骞朵笉闇€瑕佺壒娈婅祫鏍艰瘉涔︼紝浣嗛渶瑕佺鍚堢浉鍏虫硶寰嬫硶瑙勶紝骞朵笖淇濊瘉鎵€鍞崠鍟嗗搧绗﹀悎瀹夊叏鏍囧噯銆?/p> Q 寮€涓€瀹跺皬鍨嬬帺鍏峰簵鏈夊摢浜涢闄╋紵
A 寮€涓€瀹跺皬鍨嬬帺鍏峰簵涔熷瓨鍦ㄩ闄╋紝姣斿甯傚満绔炰簤婵€鐑堛€佸簱瀛樼Н鍘嬬瓑闂銆備絾鍙璁ょ湡鍋氬ソ甯傚満璋冪爺鍜岀粡钀ョ鐞嗗伐浣滐紝灏辫兘澶熸湁鏁堥檷浣庨闄┿€?/p>
寮€涓€瀹跺皬鍨嬬帺鍏峰簵鐪嬩技绠€鍗曞嵈闇€瑕佺粡杩囪缁嗚鍒掓墠鑳藉鎴愬姛銆傞櫎浜嗕互涓婃墍杩板唴瀹瑰锛屽湪绠＄悊杩愯惀鏂归潰涔熼渶瑕佹敞鎰忕粏鑺傦紝骞朵笖涓嶆柇瀛︿範鏇存柊鑷繁鐨勭煡璇嗕笌鎶€鑳芥潵搴斿甯傚満鍙樺寲涓庡彂灞曡秼鍔裤€?/p>
