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


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

使用方法:

一、HTML模板

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

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

二、屬性和參數

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

三、調用

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

編輯好相應參數,然后調用scroll()方法。

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM