JS不間斷向上滾動(dòng)效果代碼
更新時(shí)間：2013年12月25日 16:38:11 作者：
不間斷向上滾動(dòng)的效果，想必大家都有見到過吧，本文也為大家準(zhǔn)備一個(gè)使用js實(shí)現(xiàn)的不間斷向上滾動(dòng)效果，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1><img src="http://www.lanrentuku.com/down/js/images/12460764740.jpg"><img src="http://www.lanrentuku.com/down/js/images/12460764741.jpg"><img src="http://www.lanrentuku.com/down/js/images/12460764742.jpg"><img src="http://www.lanrentuku.com/down/js/images/12460764743.jpg"><img src="http://www.lanrentuku.com/down/js/images/12460764744.jpg"></div>
<div id=demo2></div>
</div>
<script>
var speed=50
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>
<p><a href="http://chabaoo.cn/jiaoben/" target="_blank">腳本之家</a></p>
相關(guān)文章
給網(wǎng)頁加個(gè)彩色窗口...2006-07-07
JS正則表達(dá)式修飾符中multiline(/m)用法分析
這篇文章主要介紹了JS正則表達(dá)式修飾符中multiline(/m)用法,結(jié)合實(shí)例形式分析了JS正則中多行模式multiline的功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-12-12
javascript判斷iphone/android手機(jī)橫豎屏模式的函數(shù)
iphone能很好的使用onorientationchange事件，但是android的onresize事件即使不旋轉(zhuǎn)也會(huì)觸發(fā)多次2011-12-12
這篇文章主要給大家介紹了關(guān)于ES7中javascript修飾器的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用ES7具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
一文掌握J(rèn)avaScript數(shù)組常用工具函數(shù)總結(jié)
這篇文章主要介紹了一文掌握J(rèn)avaScript數(shù)組常用工具函數(shù)總結(jié)，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值2022-06-06
這篇文章主要介紹了js運(yùn)算符的一些特殊用法,需要的朋友可以參考下2018-07-07
下面小編就為大家?guī)硪黄狽odeJS的Promise的用法解析。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-05-05
兩種常用的javascript數(shù)組去重方法思路及代碼
第一種是常規(guī)的方法:建一個(gè)新的數(shù)組存放結(jié)果,for循環(huán)中每次從原數(shù)組中取出一個(gè)元素，用indexOf查找新數(shù)組中是否有該元素，至于第二種詳細(xì)的看下本文哦2013-03-03
基于JavaScript實(shí)現(xiàn)div層跟隨滾動(dòng)條滑動(dòng)
項(xiàng)目需求是這樣的：在一個(gè)頁面放2個(gè)懸浮框，懸浮框隨頁面的上下滾動(dòng)有上下波動(dòng)的效果，最終固定在同一位置，下面通過本文給大家分享基于JavaScript實(shí)現(xiàn)div層跟隨滾動(dòng)條滑動(dòng)的相關(guān)資料，對(duì)js div跟隨滾動(dòng)條滑動(dòng)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
js 利用className得到對(duì)象的實(shí)現(xiàn)代碼
利用className得到對(duì)象的實(shí)現(xiàn)代碼，大家可以看下代碼的實(shí)現(xiàn)原理。2011-11-11