收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1296|回复: 3

[jquery] 焦点图片鼠标悬停时暂停轮播怎么做?

[复制链接]
发表于 2016-3-26 01:29:48 | 显示全部楼层 |阅读模式
本帖最后由 iou33449999 于 2016-3-26 01:30 编辑

 提示:您可以先修改部分代码再运行



焦点图片鼠标悬停时暂停轮播怎么做?也就是当.slide_container:hover时暂停轮播,方便把当前图片内容看清楚。鼠标离开后,继续轮播。
 楼主| 发表于 2016-3-26 03:09:48 | 显示全部楼层
$(".slide_container").mouseover(function(){responsiveSlides=false;});
$(".slide_container").mouseout(function(){responsiveSlides=true;});

加这个也无效啊
回复 支持 反对

使用道具 举报

发表于 2016-3-26 13:14:41 | 显示全部楼层
在实例化的时候传一个参数进去:
pause: true
既然用的是插件,肯定要看一下有哪些参数的
  1. $(function () {
  2.     $("#slider").responsiveSlides({
  3.     auto: true,
  4.     pager: false,
  5.     pause: true, //这个是做控制的
  6.     nav: true,
  7.     speed: 500,
  8.     // 对应外层div的class : slide_container
  9.     namespace: "slide"
  10.     });
  11. });
复制代码
回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-3-26 16:40:01 | 显示全部楼层
@最后的旅途 非常感谢
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-24 13:56 , Processed in 0.093515 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表