zoukankan      html  css  js  c++  java
  • 基于Jquery的banner轮播插件,简单粗暴

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

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

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

    下面放传参参数

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

      

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

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

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

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

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

  • 相关阅读:
    docker配置国内加速器
    pwm原理与stm32控制
    【C语言】赋值表达式自增自减逗号表达式
    linux下利用paho.mqtt.c进行mqtt开发 #c编程
    linux下tcp #c编程
    windows下的linux子系统虚拟串口的使用
    linux下搭建mqtt服务器(mosquitto)
    linux下paho.mqtt.c下载安装
    树莓派&mysql数据库
    vscode+mysql数据库编程
  • 原文地址:https://www.cnblogs.com/qj0813/p/5474182.html
Copyright © 2011-2022 走看看