HTML5跑馬燈插件怎么用

這篇文章主要介紹“HTML5跑馬燈插件怎么用”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“HTML5跑馬燈插件怎么用”文章能幫助大家解決問(wèn)題。

　　使用方法：

　　一、HTML模板

　　<div id="marquee-wrapper">

　　<div>

　　<p>

　　這是我寫(xiě)的一個(gè)粗略的跑馬燈，滾動(dòng)方向可以設(shè)置，具體的寬高樣式可以設(shè)置，速度可以設(shè)置，后面會(huì)持續(xù)優(yōu)化。

　　</p>

　　</div>

　　</div>

　　首先這個(gè)跑馬燈的框架固定是這樣的，不可改變。最外層的div的id自己制定。

　　二、屬性和參數(shù)

　　//Author:Nangxi

　　//Version:1.0

　　//屬性               解析                可能值

　　//id                跑馬燈的id           自定

　　//decoration        滾動(dòng)方向             left、right、top、bottom

　　//width             跑馬燈div寬度        自定（單位px）

　　//height            跑馬燈div高度        自定（單位px）

　　//speed             跑馬燈滾動(dòng)速度       自定

　　三、調(diào)用

　　var marquee={

　　id:"marquee-wrapper",

　　decoration:"left",

　　width:500,

　　height:50,

　　speed:10

　　};

　　scroll（marquee）;

　　編輯好相應(yīng)參數(shù)，然后調(diào)用scroll（）方法。

關(guān)于“HTML5跑馬燈插件怎么用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。