1. 首页 今期家婆玄机彩图今晚 香港管家婆彩图2018年历史图库 马会管家婆玄机图 www.5679522.com www.xg189.com

当前位置:主页 > www.xg189.com > 内容

jquery图片轮播思路
发布日期:2019-09-07 21:03   来源:未知   阅读:

  百度知道电脑/网络编程语言JavaScript

  上面的是一张实现了简单的图片轮播效果的jQuery代码,是老师的思路,个人不是太明白,特别是刚开始加载的时候调用的那个play()函数,不太理解,我觉得先把全部的图片隐藏然后调用一下...

  上面的是一张实现了简单的图片轮播效果的jQuery代码,是老师的思路,个人不是太明白,特别是刚开始加载的时候调用的那个play()函数,不太理解,我觉得先把全部的图片隐藏然后调用一下tz()这个函数,然后执行那个setInterval()函数一样可以,图片轮播到底是一个怎样的思路呢,本人小白,网上的那些教程都不是最基础的,一弄就是一大堆很全很全的代码,虽然很强大但小白一看就晕....哪位大神可以给小白一个简单的思路呢,感激不尽,要超基础的,不要太专业的,看不懂.....

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  首先纠正个错误,开始就隐藏img不要用js去做。js操作dom影响速度,第二是需要在js加载完了才会把图片隐藏,这会导致没加载完前你的图片全部是显示的。 用css来隐藏img,另外图片宽高都写在img里减小渲染框架时间。你们老师这样写例子 误人子弟啊==!

  //eq表示第几个标签里面的n就是代表的第几个img标签是从0开始数的。这里用siblings而不是先hide全部在fadein,siblings代表的是除开当前标签以外的所有同级标签。使用siblings来处理这样的情况速度会比你老师写的快很多倍。简单来讲siblings就是除开当前显示的这个以外的所有统计图片全部fadeOut

  if(index==len){//当当前播放的索引值等于总图片数就重置为0,重新开始循环

  },2000);//将function写在setInterval里更简洁。这样写默认开始2秒就开始播放,如果想开始2秒就播放第二张,那就得把最前面的index=1;因为初始显示的就是第一张。所以2秒后应该显示第二张而不是还是第一张

  知道合伙人数码行家采纳数:8747获赞数:18682价值观之星向TA提问展开全部

  首先是初始化部分:将除了第一张轮播图片意外的图片都隐藏,并且隐藏向前、向后按钮,使第一个索引按钮处于激活状态。

  事件部分:通过jquery的hover()绑定鼠标上悬以及离开时的事件处理, jquery的bind()方法绑定鼠标点击事件处理向前、向后翻动、轮播控制:pre(), next(), play(), start()开始自动轮播,stop()停止自动轮播。

  //鼠标上悬时显示向前、向后翻按钮,停止滑动,鼠标离开时隐藏向前、向后翻按钮,香港马会开奖结果www.www663325.com。开始滑动