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>
鎵€闇€鑺遍攢鏈夊摢浜?
1.鍟嗗簵绉熻祦鎴愭湰
鍦ㄤ笉鍚岀殑鍩庡競鍜屽湴鏂癸紝鍟嗛摵鐨勭閲戞槸涓嶄竴鏍风殑銆備互鎴戜滑涓哄煄甯傜ぞ浼氬彂灞曠殑涓€绾垮垎鏋愶紝涓€涓櫘閫氬湴鍧椾笂50骞崇背鐨勫簵闈㈢閲戞槸5000鍏冧竴涓湀锛屽緢澶氫竴绾垮拰鍩庡競鍟嗛摵浼氭湁10-20涓囧厓鐨勮浆璁╄垂锛屽洜涓哄紑涓氭椂闂存垚鏈ぇ銆傚鏋滃彧鏄兂寮€涓€瀹舵櫘閫氱殑鏈嶈搴楋紝鏈€濂介€夋嫨寮€鍦ㄤ簩涓夌嚎寤鸿鍩庡競銆傚彈浼楀箍锛屾埧绉熼棶棰樹笉涓洪珮銆傚彟澶栵紝鍏朵粬寰堝鍦版柟娌℃湁杩囨埛璐癸紝缁忔祹甯傚満鑷敱涔熶笉闅惧疄鐜般€?/p>
2.渚涘簲鎴愭湰
寮€鏈嶈搴楋紝闇€瑕佸厛鑰冭檻璐ф簮銆傚彲浠ュ儚寰堝寮€搴楃殑鑰佸鎴蜂竴鏍峰幓鎵瑰彂甯傚満杩涜揣銆傚悓鏃讹紝濡傛灉鎯宠幏寰楁洿浣庣殑鎴愭湰锛屽彲浠ユ壘鍘傚鍚堜綔锛岃繖鏍疯繘璐т环鏍间細姣斾互鍓嶄綆銆?/p>
3.搴楅摵瑁呬慨璐圭敤
濡傛灉鍑虹鐨勫晢閾鸿兘澶熷垎鏋愬嚭鍘熸湁瑁呬慨璁捐椋庢牸鐨勫彂灞曪紝閭ｄ箞杩欓儴鍒嗙殑鎴愭湰鎺у埗鍜岀鐞嗗嚑涔庝负闆躲€傚鏋滆閲嶆柊瑁呬慨锛岃淇垂鐢ㄤ細鏍规嵁搴楅潰澶у皬鍜屾湇瑁呭簵鐨勪綅缃€屾湁鎵€涓嶅悓銆備互涓€涓皬鏈嶈搴椾负渚嬶紝浜嗚В瑁呬慨瑕佽姳寰堝鏃堕棿锛屾墍浠ュ線寰€鏄氮璐规椂闂淬€傚洜涓哄紑鏈嶈搴楃殑鏍稿績鏄攢鍞紝涓嶉渶瑕佹妸閽辫姳鍦ㄤ笉蹇呰鐨勫湴鏂癸紝鎵€浠ヨ娉ㄦ剰寮€婧愮殑瀹夊叏浣跨敤锛屽噺灏戞敮鍑恒€傝繖鏍风殑瑁呬慨锛屼竴涓や竾鍏冭冻浠ヨ鏈嶈搴楃湅璧锋潵鏈夊搧浣嶃€?/p>
4.鍔冲姩鍔涘拰闂存帴鎴愭湰
姘寸數璐圭敤涓嶇敤璇翠篃涓嶉珮銆傝嚦浜庝汉宸ユ垚鏈鐞嗭紝鏍规嵁涓嶅悓鐨勫煄甯傛湁涓嶅悓鐨勫眰娆°€備簩涓夌嚎鍩庡競鐨勬湇瑁呭簵锛屽伐璧勪竴鑸湪3000鍒?000鍏冨乏鍙筹紝鏈夌殑鐢氳嚦鎷挎彁鎴愩€傚皬鏈嶈搴楋紝閿€閲忎笉澶э紝涓嶇敤绉熴€傞噸瑕佺殑鏄攢鍞鐞嗚兘鍔涳紝鑰屼笉鏄紒涓氭暟閲忋€傞€氬父涓や釜灏卞浜嗐€?/p>
澶у濡傛灉瑕佸紑搴楀垱涓氱殑璇濓紝鍙互鑰冭檻鏈嶈绫荤殑搴楅摵锛岃繖涓€绫诲簵閾哄鍟嗗鐨勮姹傛瘮杈冮珮涓€鐐广€傚洜涓鸿祫閲戞柟闈㈤渶瑕佽姳璐逛笉灏戦挶锛岃嫢鏄病鏈夊嚭杩囧鐨勮祫閲戠殑璇濓紝涓嶅缓璁ぇ瀹跺紑杩欎釜搴楅摵銆?/p>
鎺ㄨ崘闃呰锛?br/>
娣樺疂鏈嶈搴楅摵杩涢攢瀛樻€庝箞鍑哄簱?姝ラ浠嬬粛
娣樺疂鏈嶈鏂板簵鎬庝箞杩愯惀?鍋氬ソ鍝簺鏂归潰?
娣樺疂灏忓崠瀹舵€庝箞鎿嶄綔?娣樺疂灏忓崠瀹惰繍钀ユ€濊矾
