【求助】求一个轮播焦点图的jQuery代码 -问答-阿里云开发者社区-阿里云

开发者社区> 杨冬芳> 正文

【求助】求一个轮播焦点图的jQuery代码

2016-06-06 15:00:24 2252 1

RT求一个轮播焦点图的jQuery代码

网上找了很多都无法满足要求。。无奈只能来求助了。。
需要实现以下功能:

1、轮播方式为左右滚动,不要渐隐切换,且可以无限滚动,不会回弹。
2、轮播图有索引控件,就是对应图片的小圆点。
3、有左右切换按钮,而且如果多次点击按钮,只滚动一张图(就是淘宝首页那种)
4、用JQuery实现。。原生JS一大堆伤不起。。

我自己写过几种。。都有问题。。
第一种:每次滚动第一个DOM移动到最后面。。问题是:index一直在变化,索引小圆点对应不了。。
第二种:滚动到最后一张图时,第一张图加上position:relative;放到最后,然后滚过去后又复原,外面的ul也同时复原,问题是:左右按钮多次点击就会错位。。滚动效果我用animate()前面加上stop()都没用。。不知道什么回事

其他方法基本差不多 都是这2个思路 具体操作不同。。也实现不了上面需要的功能。。。下了网上的来看。。也没有一个能实现,下插件看。。封装好的几百行。。眼睛瞎了。。上百度知道问。。有人给我一个引擎生成的。。一堆错误

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:28:40

    http://static.fengchuan100.com/new20150827/js/jquery-slides.js

    $(function() {
    $('#J_slides').slides({
      'auto'           : 3000,
      'item'           : '.item',
      'btnPrev'        : '#J_btnPrev',
      'btnNext'        : '#J_btnNext',
      'pagination'     : '#J_pagination',
      'paginationItem' : 'a',
      'speed'          : 300,
      'vertical'       : false,  // 垂直滑动
      'mouseOver'      : true,   // 鼠标悬停
      'mouseWheel'     : false   // 鼠标滑轮
    });
    
    });

    这是我自己写的一个滑动轮播插件,看是否满足你的需求。
    需要我在发文件给你,在我本地。

    放入网盘了,http://pan.baidu.com/s/1i3uFG7F

    0 0
相关问答

38

回答

干货分享:DBA专家门诊一期:索引与sql优化问题汇总

xiaofanqie 2014-12-25 15:13:38 91765浏览量 回答数 38

145

回答

【新手入门】云服务器linux使用手册

fanyue88888 2012-11-26 17:14:18 157084浏览量 回答数 145

8

回答

OceanBase 使用动画(持续更新)

mq4096 2019-02-20 17:16:36 333871浏览量 回答数 8

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 92881浏览量 回答数 28

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 146783浏览量 回答数 22

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 145624浏览量 回答数 31

23

回答

【云服务器分享】网站访问速度快才是硬道理

dreamdoo 2012-10-15 10:15:02 85185浏览量 回答数 23

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80122浏览量 回答数 13

27

回答

阿里云开源软件镜像站点上线啦!!

qilu 2014-01-06 18:14:06 95734浏览量 回答数 27

11

回答

【精品问答合集】MongoDB热门问答

李博 bluemind 2019-05-29 16:50:19 120872浏览量 回答数 11
+关注
杨冬芳
IT从业
1
文章
9167
问答
推荐问答
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载