这是一个粗略的跑马灯插件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（）方法。