如何为Div类和类内的ID创建悬停效果
how to create a hover effect for Div class and ID inside the class
我正在尝试创建类似于flexslider默认按钮的下一个/上一个按钮。
但是我想用div和classes来实现。
小提琴在这里
我的标记如下所示:
<div class="dirnav">
<div id="next"> Next </div>
<div id="prev" > Prev </div>
</div>
- 默认情况下,箭头必须是不可见的。
- 当鼠标悬停
.dirnav
时,箭头必须从左边和里面进来对的。
我该怎么做呢?
[EDIT: JSFIDDLE LINK UPDATED]
为元素添加以下代码
.dirnav {overflow: hidden;}
#next {margin-left: -30px;}
#prev {margin-right: -30px;}
.dirnav:hover #prev,
.dirnav:hover #next{margin: 0;}
相关文章:
- 正在为循环创建唯一id
- 在JavaScript中创建全局唯一ID
- SoundCloud API-基于系统中的ID创建用户配置文件
- 如何为动态创建的元素分配唯一的id-Javascript
- 使用jQuery创建具有不同类名或ID的多个元素
- 单击旧列表只显示上次创建的id,应在单击时显示列表id
- 更新脚本以针对具有递增 ID 的新创建的表行运行
- 使用带有附加自动递增编号的当前 DATE 创建 ID
- 使用范围作为 id 在传单中创建地图
- 当创建和销毁都是AJAX时,在DOM中找不到ID
- 如何创建一个提示用户输入登录id和密码的网站
- 基于变量创建json对象id
- Ember模型create()没有创建ID,适配器必须实现“;createRecord”;
- 在Node.js中创建id到套接字的映射,反之亦然
- 如何在特定InnerHTML上的类HTML元素上创建ID?HTML没有ID,使用JavaScript
- .bind不能动态创建id
- 基于Input Name动态创建ID
- 为什么我可以't为我的新select元素创建ID吗
- 烬数据没有为新实例创建id
- 如何使用angular的表达式创建id