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