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