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() 方法触发被选元素的指定事件类型
}
涓や竾鍏冭繛閿佷唬鐞嗚垂闇€瑕佸灏戦挶锛燂紙鍒涗笟椤圭洰绛旂枒锛?/div>
发布时间：2024-08-19
浠婃棩鑷獟浣撶綉灏嗕袱涓囧厓杩為攣浠ｇ悊璐归渶瑕佸灏戦挶锛熻繘琛屽垎鏋愯В绛旓紝甯屾湜瀵瑰ぇ瀹舵湁鎵€甯姪锛岃浣犵殑鍒涗笟涔嬭矾灏戣蛋寮矾
鍒涗笟鏄瘡涓汉閮藉悜寰€鐨勪簨鎯咃紝浣嗘槸鍒涗笟闇€瑕佹姇鍏ヨ祫閲戯紝鑰屼笖涓嶆槸涓€绗斿皬鏁扮洰銆傚湪甯傚満涓婏紝鏈夊緢澶氱殑杩為攣浠ｇ悊鍝佺墝锛屽畠浠粰浜堝垱涓氳€呮洿澶氱殑閫夋嫨鍜屾満浼氥€傜劧鑰岋紝瀵逛簬璁稿浜烘潵璇达紝鍏抽敭鐨勯棶棰樺氨鏄細涓や竾鍏冭繛閿佷唬鐞嗚垂鏄灏戯紵
涓€銆佷粈涔堟槸杩為攣浠ｇ悊锛?杩為攣浠ｇ悊鏄寚涓€瀹跺叕鍙告垨鍝佺墝鍏佽鍏朵粬浜烘垨鍏徃鍦ㄧ壒瀹氬尯鍩熷唴閿€鍞叾浜у搧鎴栨湇鍔★紝骞舵敮浠樹竴瀹氱殑璐圭敤銆傝繖绉嶆ā寮忓彲浠ュ府鍔╁搧鐗屾墿澶у競鍦轰唤棰濓紝鍚屾椂涔熶负鍒涗笟鑰呮彁渚涗簡涓€涓浉瀵硅緝浣庨闄╃殑鏈轰細銆?/p> 浜屻€佷袱涓囧厓杩為攣浠ｇ悊璐规槸澶氬皯锛?
瀵逛簬涓嶅悓鐨勫搧鐗屽拰琛屼笟鑰岃█锛岃繛閿佷唬鐞嗚垂鐢ㄤ篃浼氭湁鎵€涓嶅悓銆備竴鑸潵璇达紝鍦ㄤ腑鍥藉競鍦轰笂锛屼袱涓囧厓宸﹀彸鐨勪唬鐞嗚垂鐢ㄦ瘮杈冨父瑙併€傝繖涓暟鐩湅浼间笉灏忥紝浣嗙浉瀵逛簬鑷富鍒涗笟鑰岃█杩樼畻姣旇緝浣庡粔銆?/p> 涓夈€佷袱涓囧厓杩為攣浠ｇ悊璐瑰寘鎷粈涔堬紵
閫氬父鎯呭喌涓嬶紝涓や竾鍏冭繛閿佷唬鐞嗚垂鍖呮嫭浠ヤ笅鍐呭锛?/p>
-
浣跨敤鍝佺墝鍚嶇О鍜屽晢鏍囨潈鍒┿€?鎺ュ彈鍩硅鍜屾妧鏈敮鎸併€?鑾峰緱浜у搧鎴栨湇鍔＄殑浼樻儬浠锋牸銆?鑾峰緱钀ラ攢鎺ㄥ箍鏀寔銆?鍏朵粬鐩稿叧鏀寔鍜屾湇鍔°€?
閫夋嫨鍚堥€傜殑杩為攣鍝佺墝闇€瑕佽€冭檻寰堝鍥犵礌銆備互涓嬪嚑鐐瑰彲鑳戒細瀵逛綘鏈夋墍甯姪锛?/p>
-
琛屼笟鍓嶆櫙锛氶€夋嫨涓€涓墠鏅壇濂姐€佸叿鏈夊彂灞曟綔鍔涚殑琛屼笟闈炲父閲嶈銆?鍝佺墝瀹炲姏锛氶€夋嫨涓€涓煡鍚嶅害楂樸€佸搧璐ㄥ彲闈犮€佸彛纰戣壇濂界殑鍝佺墝鍙互甯姪浣犳洿蹇湴鑾峰緱甯傚満璁ゅ彲銆?鏀寔鍔涘害锛氶€夋嫨涓€涓兘澶熸彁渚涘叏闈㈡敮鎸佸拰鏈嶅姟鐨勫搧鐗屽彲浠ュ府鍔╀綘鏇村ソ鍦板紑灞曞伐浣滃苟鑾峰緱鎴愬姛銆?鎴愭湰鎺у埗锛氶櫎浜嗕唬鐞嗚垂鐢ㄤ互澶栬繕闇€瑕佽€冭檻鍏朵粬鎴愭湰濡傜閲戙€佽淇瓑锛屽苟涓旇淇濊瘉鎴愭湰鎺у埗鍦ㄥ彲鎵垮彈鑼冨洿涔嬪唴銆?
涓や竾鍏冭繛閿佷唬鐞嗚垂铏界劧鐪嬩技涓嶅皬锛屼絾鐩告瘮浜庤嚜涓诲垱涓氳€岃█杩樼畻姣旇緝浣庡粔銆傞€夋嫨閫傚悎鑷繁鐨勫搧鐗岄渶瑕佽€冭檻寰堝鍥犵礌锛屽苟涓旇淇濊瘉鎴愭湰鎺у埗鍦ㄥ彲鎵垮彈鑼冨洿涔嬪唴銆傚笇鏈涗互涓婂唴瀹硅兘澶熷府鍔╁埌姝ｅ湪瀵绘壘鍒涗笟鏈轰細骞惰€冭檻鍔犲叆鏌愪釜杩為攣鍝佺墝鐨勬湅鍙嬩滑銆?/p>
