这是我写的一个粗略的跑马灯插件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