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