| img | 轮播背景图片路劲 |
| scale | 缩放比例 |
| autoplay | 是否自动轮播(默认为true,设为false不轮播可以调整样式) |
| animate | 动画显示方式(jkdot/jkbar) |
| height | 外层高度(默认500)(支持百分比) |
| datawidth/dataheight | 数据显示框的宽度/高度(默认250/160) |
| playtime | 轮播时间 |
| showindex | 首次显示第几个(默认0) |
| showtype | 显示单个还是全部(one/all,默认one) |
| datas | 显示数据的定位及数据信息(此定位是指在图片100%显示时候的定位,定义scale系统会自动重新计算,定位支持百分比),数据样式[{"left":0,"top":0,alarm:true,data:"您的显示数据支持html代码"},{}],alarm表示是否报警 |
| 说明:此轮播为纯 HTML+CSS+JS 实现的轮播,部分效果依赖CSS3,保证了加载和运行速度,如果显示信息被盖住,可以在图片的周围添加一些装饰背景,默认jkbar下,如果调整datawidth需要调整对应的CSS(.jk-ani-item1)动画定位,预留了jk-ani-item1,jk-ani-item2,jk-ani-item3,jk-ani-item4 4个类给你做自己的动画,实际应用中可以先调用一次,然后实时刷新数据,如果数据有变化或者需要添加报警,可以直接jquery进行dom操作 | |
点轮播
柱形轮播