HK的部落格

[回到文章目錄]

最簡單走馬燈文字效果!!

code:
<MARQUEE>最簡單走馬燈文字效果!!</MARQUEE>

effect:
[move]最簡單走馬燈文字效果!![/move]


另外, 如果想用JS做較好的效果, 可以試試以下源碼!

<script type="text/javascript">
var speed = 10
var demo = document.getElementById('demo')
var demo1 = document.getElementById('demo1')
var demo2 = document.getElementById('demo2')

function Marquee(){
    if( demo2.offsetWidth - demo.scrollLeft <= 0 )
        demo.scrollLeft -= demo1.offsetWidth
    else
        demo.scrollLeft++
}

var MyMar = setInterval(Marquee,speed)
demo.onmouseout =  function(){MyMar = setInterval(Marquee,speed)}
demo.onmouseover =  function(){clearInterval(MyMar)}
</script>

20多年平價網頁平台

香港 -- 網頁皇有限公司

https://www.WebKing.hk

台灣 -- 有意思網頁設計有限公司

https://www.WebKing.tw