星空网 > 软件开发 > Java

基于Jquery的banner轮播插件,简单粗暴

新手练习封装插件,觉着在前端这一块的轮播比较多,各种旋转木马一类的3D旋转,技术不够,所以封装了一个简单的banner轮播插件,功能也比较简单,就是左右向的轮播。

先挂地址https://github.com/DEATHBUG/banner_tool;

第一个放进去的项目,相当有纪念意义,大神轻虐。

下面放传参参数

$(".banner").Banner({child:'li',  //包含图片的父级标签,默认litime:'3000',  //轮播间隔时间direction:"right",  //轮播方向,目前仅支持left和rightchoose:'false',  //是否支持触摸小点的轮播触摸事件,默认false。chooseId:'id',  //小点外部父级标签ID。仅限choose开关打开。chooseActive:'red',  //支持小点的选中状态classname。仅限choose开关打开。preId:'pre',  //向前翻页的按钮idnextId:'next'  //向后翻页的按钮id});

 

  

目前仅支持控制轮播的时间间隔,轮播方向为左右,
choose为前面触点标记,若为true则为打开,需加载如下触点父级标签ID,以及用户点击的样式变化class;
如果添加前后翻页按钮,则添加参数前后翻页的按钮ID;

<div id="dian"><span></span><span></span><span></span><span></span></div>

  若添加触摸选页标记,传递ID即可;

 

我是个web程序猿,享受代码,乐于前端,正在摸索前进的道路上。

如果发现有什么问题,希望能在下面评论或者及时反馈给qq 2109796331,非常感激您的上帝视角。请不吝赐教!!




原标题:基于Jquery的banner轮播插件,简单粗暴

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

中国邮寄到马来西亚:https://www.goluckyvip.com/tag/91779.html
中国转运马来西亚:https://www.goluckyvip.com/tag/91780.html
成都到马来西亚快运:https://www.goluckyvip.com/tag/91781.html
马来西亚邮寄到中国邮费多少:https://www.goluckyvip.com/tag/91782.html
广州马来西亚货代:https://www.goluckyvip.com/tag/91783.html
东西怎么寄马来西亚:https://www.goluckyvip.com/tag/91784.html
深圳西乡三月三北帝庙会的千岁盆菜多少钱:https://www.vstour.cn/a/365180.html
TikTok SEO:TikTok会取代谷歌吗?:https://www.kjdsnews.com/a/1836538.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流