位置: 编程技术 - 正文

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)

  • 存货盘亏进项税额转出是什么意思
  • 农产品收购发票使用范围
  • 印花税的申报依据是什么
  • 保险政保业务
  • 金税四期已经开始了吗
  • 营业外收入做销项税调整
  • 一般纳税人的发票抵扣进项税额
  • 金税盘怎样查询已开发票明细
  • .申报表税源编码怎么填
  • 期间费用的控制方法主要有
  • 购买脚手架报价单
  • 车间房屋维修费属于什么科目
  • 税务返还手续费发放给个人需要合并扣税吗
  • 自制发票和增值税发票的区别是什么?
  • 苗木免税发票可以认证增值税吗
  • 湖北省教育费附加和地方教育费附加减免
  • 存货周转天数计算公式是360还是365
  • 税控盘280减免申报
  • 实收资本和资产的关系
  • 离职员工工资退不退
  • 银行存款转定期存款计入什么科目
  • 合同印花税交给谁
  • 自产自销的茶叶要交增值税吗
  • 债权人撤销权诉讼有效债权为前提
  • 出口退税如何办退税手续
  • PHP:pcntl_setpriority()的用法_PCNTL函数
  • 相关企业之间的竞争
  • 企业负担的社保怎么做分录
  • 固定资产的预计使用寿命和净残值发生变更
  • 黄石国家公园里的必玩项目
  • 什么是成本会计
  • vue脚手架安装命令
  • phpunit
  • php怎么写网页
  • ai当前的发展
  • mkdir 命令
  • php源码破解
  • 装修费摊销的分录是什么
  • 生育保险断缴后果
  • 公司注册后一直没有申报
  • 企业账户在银行买黄金可以开发票吗
  • 减免增值税的账务处理是什么
  • 新公司第一年要交什么税
  • 个体户与公司的差别
  • 企业计提固定资产折旧以什么假设为前提
  • 小规模纳税人企业所得税怎么算
  • 未开票收入应如何做分录
  • 暂估入库的会计分录怎么写
  • 材料会计的内容
  • 哪些项目不可以抵扣进项
  • 公司分期付款购车如何做账
  • 发票边上的孔有什么用
  • 股东 退股
  • 工会经费主要用于什么服务岗位
  • 复利年金终值计算器
  • 个人承担的社保算公司的费用吗
  • 银行对账单怎么修改
  • 流动比率越高越好吗
  • 在sql server中关于数据库的说法正确的是
  • 如何查看连接网络的密码
  • 添加网络打印机找不到设备
  • .ccc是什么文件
  • webcolct.exe - webcolct 是什么进程
  • ubuntu系统怎么修改root密码
  • spamsub.exe - spamsub进程是什么文件
  • SWNETSUP.EXE - SWNETSUP是什么进程 有什么用
  • 手机如何使用windows
  • win7无线网络连接不上怎么解决方法
  • win10查看驱动
  • JSONLINT:python的json数据验证库实例解析
  • jquery获取table的tr
  • shell脚本ll
  • 广西税务局123
  • 重庆地方税务局12366
  • 税务安装软件
  • 青岛市税务局长魏
  • 海关进口增值税专用缴款书在哪里打印
  • 重庆市网上审批服务大厅
  • 失业金存在多个账户
  • 消费税和增值税的异同点
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设