位置: 编程技术 - 正文

jQuery 如何给Carousel插件添加新的功能(jquery中keyup)

编辑:rootadmin

推荐整理分享jQuery 如何给Carousel插件添加新的功能(jquery中keyup),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:用jquery,jquery accordion,jquery中keyup,jquery怎么用,jquery怎么配置,jqueryeasyui,jquery怎么用,jquery怎么用,内容如对您有帮助,希望把文章链接给更多的朋友!

本文是小编自己写的一个给carousel插件添加新功能,关于Carousel插件的教学视频。参考别的网站,当鼠标放在下排按钮上或者点击之后,Carousel就会跟这个按钮相同下标的li作为第一帧显示。

所有的代码都在这里

那么到了这里,我们的选择按钮就已经添加好了。现在要做的就是给这每一个按钮添加一个鼠标放上去的事件。

然后我们也需要再给Carousel的原型对象添加一个切换幻灯片的方法,因为在HTML代码中我们用的li然后里面放的是a、Img标签,所以下面的Li也就是Carousel的每一帧。

jQuery 如何给Carousel插件添加新的功能(jquery中keyup)

在这里主要遇到了两个问题:

1、如何来获得Carousel中的每一帧在移动之后的下标,然后再把相应下标的属性,添加到相应帧上。

我这里根据li的长度,来创建一个元素为0-li.length-1的数组,并且再concat本身一次,用里面的元素来标识每一帧移动过后的下标,如果是Carousel需要向左旋转,也就是按钮的下标大于当前的第一帧的下标,那么我们就需要吧这个数组的后半部分作为每一帧的下标,并且向左移动(按钮下标-当前第一帧下标)个位置,然后这个位置的元素就是每一帧的在旋转过后的下标。若果是向右旋转也是类似。不过就需要把数组的前半部分,先后移动了。

2、当我们用鼠标在按钮上飞速的移动的时候就会出现一些BUG,这是因为再上一个动画还没执行完毕,下一个事件又被触发了。

那么这里我们就需要用一个标识来限制事件的执行,也就是这里的self.rotateFlag。但是在我经过多次的测试之后,发现吧这个标识赋值为false的语句不能放在旋转的方法前面,这样也会出现问题,当我们把它放置在方法里面的if条件语句的开头的时候,基本上就没什么问题了。

好了到了这里Carousel扩展的功能就介绍完了。其他的部分就不做介绍了,有兴趣的朋友可以去上面我给出的地址download下来看看。同时也非常感谢大家对积木网网站的支持!

原生JS和jQuery版实现文件上传功能 本文实例分享了原生JS版和jQuery版实现文件上传功能的例子,供大家参考,具体内容如下!doctypehtmlhtmllang="zh"headmetacharset="utf-8"titleHTML5AjaxUploader/titlescriptsr

jQuery的内容过滤选择器学习教程 内容过滤器的过滤规则主要是包含的子元素或文本内容上。$('div:contains("xxx")').css('background','#ccc');//选择元素文本节点含有xxx文本的元素$('div:empty').css('ba

举例讲解jQuery中可见性过滤选择器的使用 可见性过滤器可见性过滤器根据元素的可见性和不可见性来选择相应的元素。过滤器名jQuery语法说明返回:hidden$(':hidden')选取所有不可见元素集合元素:vis

标签: jquery中keyup

本文链接地址:https://www.jiuchutong.com/biancheng/384960.html 转载请保留说明!

上一篇:jQuery animate和CSS3相结合实现缓动追逐效果附源码下载

下一篇:原生JS和jQuery版实现文件上传功能(原生javascript)

  • 缴纳印花税的会计科目
  • 财产行为税包括资源税吗
  • 税收成本包括哪些
  • 企业所得税的计算公式
  • 办理税务登记需要法人身份证原件吗
  • 退票凭证什么样子
  • 记账凭证拆开
  • 城建税 小规模
  • 分公司税务登记流程视频
  • 作废的发票验旧之后怎么领取新发票
  • 认购股份有什么好处
  • 固定资产怎么进账
  • 预付卡没用完的可以退吗
  • 工业企业的三个阶段
  • 采购入库损耗如何计算
  • 费用怎样确认是可抵扣暂时性差异?
  • 经济纠纷的解决途径包括哪些
  • 微税平台怎么打印发票
  • 2017企业所得税小微企业优惠政策
  • 经营用的固定资产
  • 基建管理费如何进行结转?
  • 滞纳金由财务人员承担
  • 发票销货清单需要到税务局吗
  • 多发工资未退回会怎么样
  • 信息技术服务费发票
  • 总公司人员的工资子公司可以发吗
  • 最薄的平板电脑是哪种
  • 长期应收款属于流动资产吗
  • php页面刷新代码
  • ctf web题型
  • php zend原理
  • 银行存款转定期申请
  • 替票报销开什么发票
  • 怎么用php写一个简单框架
  • 微信公众号认证300元每年都要吗
  • 下列纳税人不得适用核定征收企业所得税的有
  • 出纳把现金存入私人账户后转公账
  • 印花税计提分录怎么写
  • 关于转租电费收取规定
  • 微众银行的企业贷款好批吗
  • 装卸搬运的设备有哪些
  • 个人生产经营所得范围
  • 委托加工物资的消费税
  • 股东以固定资产入股会计处理
  • 公司固定电话费用挂哪个科目
  • 非盈利组织接受劳务捐赠怎么入账
  • 简易计税项目税率
  • 1元换购的商品是正品吗
  • 公司拨款给个人分录
  • 年终奖金个人所得
  • 汇算清缴后补缴得企业所得税,计入哪年的税负
  • 出口收汇手续费需要在出口退税时扣除吗
  • 库存不够如何结算成本
  • 车辆保险费计入现金流量表哪里
  • 什么叫摊销
  • 开票6个点怎么计算
  • 新准则委托代建会计处理
  • 获取sql
  • mysql多个group by
  • sql数据库压缩能提高性能吗
  • sql语句多行合并成一行
  • 关于mysql数据库服务登录下列描述正确的是
  • linux系统讲解
  • 虚拟机vmx
  • macbook pro右上角按键
  • windows更新
  • 安卓游戏引擎
  • windows常用命令操作
  • unity onbecameinvisible
  • shell脚本实战
  • 在Unity中使用事件/委托机制(event/delegate)进行GameObject之
  • noodoe如何使用
  • html购物网站
  • 1988年中华人民共和国印花税票五元
  • 非正常户转为正常户申请怎样写
  • 云南省税务干部学校是干什么的
  • 郑州高新税务局
  • 新开公司交印花税
  • 经济增长的术语
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设