快捷導(dǎo)航

javascript實(shí)現(xiàn)文字圖片上下滾動(dòng)的具體實(shí)例

更新時(shí)間：2013年06月28日 15:52:05 作者：

這篇文章介紹了在JS中文字圖片上下滾動(dòng)的實(shí)現(xiàn)代碼，需要的朋友可以參考一下

<div style="border:#d3d3d3 1px solid;width:100%;">
         <div id="demo" style="overflow:hidden;height:160;width:100%;">
          <div id="demo1">
           文章標(biāo)題列表
          </div>
          <div id="demo2"></div>
         </div>
        </div>
        <script language="javascript">
         var speed=30
         demo2.innerHTML=demo1.innerHTML
         function Marquee(){
         if(demo2.offsetTop-demo.scrollTop<=0)
         demo.scrollTop-=demo1.offsetHeight
         else{
         demo.scrollTop++
         }
         }
         var MyMar=setInterval(Marquee,speed)
         demo.onmouseover=function() {clearInterval(MyMar)}
         demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
        </script> 

您可能感興趣的文章:

相關(guān)文章

Javascript實(shí)現(xiàn)漢字和拼音互轉(zhuǎn)的終極方案
網(wǎng)上關(guān)于JS實(shí)現(xiàn)漢字和拼音互轉(zhuǎn)的文章很多，但是比較雜亂，有的不支持多音字、不支持聲調(diào)或者字典文件太大，無法根據(jù)實(shí)際需要滿足需求。這篇文章給大家修正整理網(wǎng)上的幾種常見方法，文章結(jié)尾還附簡(jiǎn)單的JS拼音輸入法，本文對(duì)大家具有一定的參考借鑒價(jià)值，下面一起看看吧。
2016-10-10
躲避這些會(huì)改變?cè)瓟?shù)組JavaScript數(shù)組方法讓開發(fā)流暢無阻
JavaScript中有些數(shù)組的操作方法并不符合我們預(yù)期，容易導(dǎo)致想象不到的結(jié)果，因此，為避免這種情況的發(fā)生，本文將介紹哪些原生數(shù)組方法能改變?cè)瓟?shù)組以及我對(duì)于如何更好地使用數(shù)組方法的建議
2023-05-05
uniapp微信小程序使用xr加載模型的操作方法
這篇文章主要介紹了uniapp微信小程序使用xr加載模型的操作方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧
2024-07-07
JS 對(duì)java返回的json格式的數(shù)據(jù)處理方法
下面小編就為大家?guī)硪黄狫S 對(duì)java返回的json格式的數(shù)據(jù)處理方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-12-12
DIV菜單層實(shí)現(xiàn)代碼
昨天我問一美工jQuery怎么樣了，他說簡(jiǎn)單的還可以，復(fù)雜的就不行了，我又問是哪種程度的復(fù)雜？
2010-11-11
js老生常談之this,constructor ,prototype全面解析
下面小編就為大家?guī)硪黄猨s老生常談之this,constructor ,prototype。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-04-04
WebPack工具運(yùn)行原理及入門教程
這篇文章主要介紹了WebPack工具運(yùn)行原理及入門教程,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-12-12
帶你用原生js寫一個(gè)簡(jiǎn)單的注冊(cè)登錄頁(yè)面
這篇文章主要給大家介紹了關(guān)于如何使用原生js寫一個(gè)簡(jiǎn)單的注冊(cè)登錄頁(yè)面的相關(guān)資料,文中介紹了一個(gè)以js驗(yàn)證表單的簡(jiǎn)潔的注冊(cè)登錄頁(yè)面,需要的朋友可以參考下
2023-06-06
JavaScript獲取頁(yè)面中超鏈接數(shù)量的方法
這篇文章主要介紹了JavaScript獲取頁(yè)面中超鏈接數(shù)量的方法,涉及JavaScript針對(duì)頁(yè)面元素獲取及運(yùn)算的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11
《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記三：Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)單例模式原理與實(shí)現(xiàn)方法分析
這篇文章主要介紹了Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)單例模式原理與實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了《javascript設(shè)計(jì)模式》中Javascript面向?qū)ο髥卫Ｊ较嚓P(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04