JS實現(xiàn)最簡單的漂移特效

2012/11/12 16:21:48作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

JS實現(xiàn)最簡單的漂移特效

【實例描述】

漂移的文本可以在頁面中任意移動。本例是一個完全沒有使用特殊效果的漂移，主要學(xué)習(xí)跑馬燈標(biāo)簽marquee的應(yīng)用。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（www.denvermotorcycleaccidentlawyer.com）</title>
</head>
<body>
<marquee behavior="alternate" height="100%" direction="down">
    <marquee behavior="alternate" direction="right">
    看見這個漂移的效果了嗎?
    </marquee>
</marquee>
</body>
</html>

【運行效果】

最簡單的漂移特效運行效果

【難點剖析】

Marquee元素是HTML的標(biāo)簽，可實現(xiàn)其內(nèi)部文本的滾動特效。其
主要的屬性“behavior”用來控制滾動的樣式，主要樣式如下所示。
·behavior=“scroll”：表示由一端滾動到另一端。
·behavior=“slide”：表示由一端快速滑動到另一端，且不會重復(fù)。
·behavior=“alternate”：默認值——表示在兩端之間來回滾動。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請點擊：JS實現(xiàn)最簡單的漂移特效進行本實例源碼下載

標(biāo)簽： JS實現(xiàn) 漂移特效