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://m.fzitv.net/jiaoben/" target="_blank">腳本之家</a></p>
相關(guān)文章
Javascript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的輸入關(guān)鍵字添加標(biāo)簽效果實(shí)例
這篇文章主要給大家介紹了利用Javascript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的輸入關(guān)鍵字添加標(biāo)簽效果的相關(guān)資料，類似動(dòng)態(tài)添加標(biāo)簽的效果，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面來一起看看吧。2017-06-06
本文主要分享了canvas繪制萬花筒效果的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
半透明遮罩層效果基本上都是使用插件實(shí)現(xiàn)的，下面為大家分享下使用原生js實(shí)現(xiàn)半透明遮罩效果，感興趣的朋友可以參考下哈，希望對(duì)你熟悉原生js有所幫助2013-06-06
JS常用插件之Swiper插件實(shí)現(xiàn)輪播圖功能實(shí)例
項(xiàng)目中會(huì)多次使用到輪播圖組件,下面這篇文章主要給大家介紹了關(guān)于JS常用插件之Swiper插件實(shí)現(xiàn)輪播圖功能的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07
JavaScript擴(kuò)展運(yùn)算符的學(xué)習(xí)及應(yīng)用詳情(ES6)
這篇文章主要介紹了JavaScript擴(kuò)展運(yùn)算符的學(xué)習(xí)及應(yīng)用詳情(ES6),擴(kuò)展運(yùn)算符是ES6新增的一種運(yùn)算符，他可以幫助我們簡(jiǎn)化代碼，簡(jiǎn)化操作，具體相關(guān)知識(shí)感興趣的小伙伴可以查看下面文章的簡(jiǎn)單介紹2022-08-08
今天小編就為大家分享一篇js正則表達(dá)式校驗(yàn)指定字符串的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-07-07
下面小編就為大家?guī)硪黄仙Ｕ勗鶭S執(zhí)行環(huán)境與作用域。小編覺得挺不錯(cuò)的，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-11-11
JavaScript原型鏈與繼承操作實(shí)例總結(jié)
這篇文章主要介紹了JavaScript原型鏈與繼承操作,結(jié)合實(shí)例形式總結(jié)分析了javascript原形鏈與繼承的相關(guān)概念、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2018-08-08
微信小程序用戶后臺(tái)定位及錄音授權(quán)及請(qǐng)求示例
這篇文章主要為大家介紹了微信小程序用戶后臺(tái)定位及錄音授權(quán)及請(qǐng)求示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-04-04
這篇文章主要給大家介紹了關(guān)于js中arguments對(duì)象的深入理解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用javascript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05