徹底搞懂JS無(wú)縫滾動(dòng)代碼
在做個(gè)東西要滾動(dòng)代碼 而且是無(wú)縫的 搞了半天還是不行
決心一定要把這個(gè)問(wèn)題搞定 經(jīng)過(guò)研究 也不難 代碼如下:
程序代碼
<table align=top>
<tr>
<td id=demo1 valign=top>
<p>aaaaaaaaaaa</p>
<p>aaaaaaaaaaa</p>
<p>aaaaaaaaaaa</p>
<p>aaaaaaaaaaa</p>
<p>aaaaaaaaaaa</p>
<p>aaaaaaaaaaa</p>
</td>
</tr>
<tr>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>
<script>
var speed=15
demo2.innerHTML=demo1.innerHTML//克隆demo1為demo2
function Marquee(){
if(demo2.offsetHeight-demo.scrollTop<=0)//當(dāng)滾動(dòng)至demo1與demo2交界時(shí)
demo.scrollTop-=demo1.offsetHeight//demo跳到最頂端
else{
demo.scrollTop++ //如果是橫向的 將 所有的 height top 改成 width left
}
}
var MyMar=setInterval(Marquee,speed)//設(shè)置定時(shí)器
demo.onmouseover=function() {clearInterval(MyMar)}//鼠標(biāo)移上時(shí)清除定時(shí)器達(dá)到滾動(dòng)停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠標(biāo)移開(kāi)時(shí)重設(shè)定時(shí)器
</script>
復(fù)制到一個(gè)HTM的文件即可運(yùn)行了.
- js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動(dòng)條高度實(shí)現(xiàn)代碼
- 判斷滾動(dòng)條到底部的JS代碼
- js實(shí)現(xiàn)的文字橫向無(wú)間斷滾動(dòng)
- js操作滾動(dòng)條事件實(shí)例
- js獲取滾動(dòng)距離的方法
- 當(dāng)滾動(dòng)條滾動(dòng)到頁(yè)面底部自動(dòng)加載增加內(nèi)容的js代碼
- 淺析js 文字滾動(dòng)效果
- js判斷滾動(dòng)條是否已到頁(yè)面最底部或頂部實(shí)例
- js實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到頁(yè)面底部繼續(xù)加載
- 原生JS實(shí)現(xiàn)目錄滾動(dòng)特效
相關(guān)文章
微信小程序?qū)崿F(xiàn)動(dòng)態(tài)渲染Markdown示例詳解
這篇文章主要為大家介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)渲染Markdown示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
詳解微信開(kāi)發(fā)中snsapi_base和snsapi_userinfo及靜默授權(quán)的實(shí)現(xiàn)
js實(shí)現(xiàn)在文本框光標(biāo)處添加字符的方法介紹
理解JavaScript設(shè)計(jì)模式中的建造者模式
查找頁(yè)面中所有類為test的結(jié)點(diǎn)的方法
javascript 動(dòng)態(tài)修改樣式和層疊樣式表代碼

