一個跑馬燈插件(持續優化)

這是我寫的一個粗略的跑馬燈插件1.0,後面的版本將新增圖片滾動的功能!!app

使用方法:框架

1、HTML模板優化

<div id="marquee-wrapper">
    <div>
        <p>
            這是我寫的一個粗略的跑馬燈,滾動方向能夠設置,具體的寬高樣式能夠設置,速度能夠設置,後面會持續優化。
        </p>
    </div>
</div>

首先這個跑馬燈的框架固定是這樣的,不可改變。最外層的div的id本身制定。spa

2、屬性和參數.net

//Author:Nangxi
//Version:1.0         
//屬性               解析                可能值
//id                跑馬燈的id           自定
//decoration        滾動方向             left、right、top、bottom
//width             跑馬燈div寬度        自定(單位px)
//height            跑馬燈div高度        自定(單位px)
//speed             跑馬燈滾動速度       自定

3、調用插件

var marquee={
    id:"marquee-wrapper",
    decoration:"left",
    width:500,
    height:50,
    speed:10
};
scroll(marquee);

編輯好相應參數,而後調用scroll()方法。code

插件下載地址:https://download.csdn.net/download/qq_34551390/10312103blog

相關文章
相關標籤/搜索