這是在做個人站的時候展示專案成果，因為不光需要展示，還需要介紹詳細內容，就在滾動展示的地方做了這個效果以便於點開想要看的專案。
首先，要做的是乙個需要滾動的區域。我前邊寫過乙個關於迴圈滾動的示例，那個是一塊塊的的滾動==>實現的迴圈滾動.
這次我們就做滾動區域是平滑迴圈滾動效果。
下邊是布局的html**，原理是在要展示區域的div(.ban_img)裡加乙個能包含所有需要展示的圖的大div(.in_img),
下邊是css樣式，我加的是背景圖，可跟實際情況選擇（路徑根據實際位置修改）
.ban_img
.inside1
.inside2
.inside3
.inside4
.inside5
.inside6
}} 實現迴圈滾動的js很簡單，為div（.in_img）加乙個定時器就可以了,每10毫秒調整它的marginleft-1px,迴圈完一遍，計數器num清零
var scroll=document.getelementsbyclassname("in_img");var num=0;var time=setinterval(function()
},10);
那麼怎麼實現標題所述效果呢？這也很簡單，為div(.in_img)繫結兩個事件來控制定時器就可以了。
首先新增滑鼠移上去事件，來清除定時器
scroll[0].addeventlistener("mouseover",function());
然後新增滑鼠移走事件，再恢復定時器
scroll[0].addeventlistener("mouseout",function()
},10);
})
滑動表層div時阻止底層div滑動
我給body乙個overflow hidden和高度是沒有用的。手機 上背景還是可以滑動，然後我給body乙個touchmove的preventdefault 阻止事件，body滑動阻止了，pc上面是可以了，但是手機上面滑動div還是會導致底部body的滑動，我給div 乙個阻止冒泡的事件stopp...
jquery停止滑動
jquery stop 方法用於停止動畫或效果，在它們完成之前。stop 方法適用於所有 jquery 效果函式，包括滑動 淡入淡出和自定義動畫。selector stop stopall,gotoend 可選的 stopall 引數規定是否應該清除動畫佇列。預設是 false，即僅停止活動的動畫，...
DIV滑動效果
slider.prototype.cycle function 單步迴圈動作 else 給div透明度賦值 switch this.direction 根據彈出方向計算和設定div的動作 else break case 2 top to bottom var opx this.target.styl...