html 滾動
<script language="JavaScript">
marqueesHeight=200;
stopscroll=false;
with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
// style.overflowY="hidden";
style.overflowY="auto";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
preTop=0; currentTop=0;
function init(){
templayer.innerHTML= "";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML;
setInterval("scrollUp()",100);
}
document.body.onload=init;
function scrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
//marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
//marquees.scrollTop+=1;
marquees.scrollTop=0;
}
}
</script>
相關文章
- html元素滾動定位方法HTML
- 無限滾動HTML UL結構HTML
- html/css 滾動到元素位置,顯示載入動畫HTMLCSS動畫
- div滾動條樣式,水平滾動
- 隱藏滾動條保留滾動效果
- RecyclerView滾動位置,滾動速度設定View
- css隱藏滾動條並可以滾動CSS
- scrollable滾動條向下滾動至底部
- 移動端div跟隨滾動條滾動(自制
- HTMl 中marquee標籤實現無縫滾動跑馬燈效果HTML
- HTML5商城開發一樓層滾動載入資料HTML
- HTML側邊部分內容滑動跟隨 左側跟隨滾動模組程式碼HTML
- Flutter滾動動畫Flutter動畫
- 文字向上滾動
- jqueryEasyui 之滾動jQueryUI
- Scroller平滑滾動
- react滾動屏React
- 原生JS控制多個滾動條同步跟隨滾動JS
- Flutter 滾動監聽及實戰appBar滾動漸變FlutterAPP
- css實現隱藏滾動條並可以滾動內容CSS
- 直播商城原始碼,vue 彈窗 慣性滾動 加速滾動原始碼Vue
- 直播平臺製作,禁止頁面滾動 / 滾動事件穿透事件穿透
- JS圖片滾動(無縫、平滑、上下左右滾動)效果JS
- 移動端模擬滾動
- 如何讓VB6程式碼編輯器垂直滾動條隨滑鼠滾輪滾動
- js無縫滾動JS
- vue文字滾動元件Vue元件
- CSS滾動條美化CSS
- vue 滾動載入Vue
- 自定義滾動條
- swiper單屏滾動
- mousewheel 模擬滾動
- 自定義滾動文字
- list滾動條向下
- UIScrollView滾動動畫UIView動畫
- 論移動裝置內容的橫向滾動和豎向滾動
- angular 監聽 Windows 滾動事件 實現頁面滾動載入AngularWindows事件
- 如何判斷滾動是否滾動到了網頁底部或者頂部網頁