這是我寫的一個粗略的跑馬燈插件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