一个跑马灯插件(持续优化)
程序员文章站
2022-03-28 18:46:14
这是我写的一个粗略的跑马灯插件1.0,后面的版本将新增图片滚动的功能!! 使用方法: 一、HTML模板 首先这个跑马灯的框架固定是这样的,不可改变。最外层的div的id自己制定。 二、属性和参数 三、调用 编辑好相应参数,然后调用scroll()方法。 插件下载地址:https://download ......
这是我写的一个粗略的跑马灯插件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
上一篇: JS正则表达式从入门到入土(4)—— 预定义类与边界
下一篇: 虚拟拍照、克隆