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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 1288|回复: 3

[jquery] 如何让焦点图的Previous和Next按钮悬停时才出现

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

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



如何让焦点图的Previous和Next按钮悬停时才出现,移开时又消失。

具体就是左右两个按钮,只有在鼠标进入<ul class="rslides" id="slider">这个区域才出现,移开后又隐藏,默认也是隐藏的呢?
发表于 2016-3-25 15:36:41 | 显示全部楼层
那就加上
  1. .slide_nav{opacity: 0;}
  2. .slide_container:hover .slide_nav{opacity: 1;}
复制代码

不过既然是仿手机端的轮播,不如直接用swiper.js,我最近一直在用,手机端和pc端都挺好的,懒得自己写了
回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-3-25 16:23:03 | 显示全部楼层
@jianwang19 谢谢
回复 支持 反对

使用道具 举报

发表于 2016-3-29 10:05:58 | 显示全部楼层
jquery.flexslider.js  我一直用这个 感觉还是挺好用的
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-4-9 06:42 , Processed in 0.093515 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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