当悬停另一个图像时隐藏图像
Hide image when hovering another image
我似乎不能让这个工作,所以不知道它是否可能
当我将鼠标悬停在img。头盔,我要img。要隐藏的图标
<img class="helmet" src="">
<img class="mini" src="">
<img class="helmet" src="">
<img class="mini" src="">
<img class="icon" src="">
这是我的jsfiddle尝试- http://jsfiddle.net/8wrbL/28/
.helmet:hover > .icon,.helmet:hover + .icon {
display:none;z-index:-999999;left:-999999;
}
更新:似乎这是有效的,但似乎很多css的一个简单的任务,我会有很多的图像,这种方式可能需要一些时间
.helmet:hover+.mini+.icon,.helmet:hover+.mini+.helmet+.mini+.icon,.helmet:hover+.mini+.helmet+.mini+.helmet+.mini+.icon{
display:none;
}
尝试使用jQuery瞄准它并使用类作为隐藏它的方式。
jQuery$('.helmet').hover(function () {
$('.icon').toggleClass('hidden');
});
CSS .icon.hidden {
display: none;
}
这是一个jsFiddle
或者您只需使用Jquery的隐藏和显示::http://www.w3schools.com/jquery/jquery_hide_show.asp
相关文章:
- mouseOver上的隐藏图像问题
- 如何在运行时使用javascript隐藏图像
- 在鼠标悬停处隐藏图像
- 图像未正确隐藏
- 显示生成的gif;base64图像使用C#代码隐藏在img中使用JavaScript
- 如果没有历史记录,我如何隐藏图像或按钮onclick=;历史.go(-1);
- js:如何隐藏/加密图像的src
- ImageMapster可以动态显示和隐藏图像选择崩溃
- 谷歌地图加载后隐藏加载图像
- 有没有一种方法可以为卸载的lazylod图像隐藏alt标签
- CSS Html使图像显示在单选按钮的选项上(单选按钮被CSS隐藏)
- 加载直到图像准备好,而图像隐藏直到它准备好
- 当背景图像隐藏时,表格中没有边框
- 图像隐藏和显示在文本上悬停在一个页面上使用多个图像/链接
- 将图像隐藏后显示
- 我如何使一个图像隐藏在点击并播放隐藏在它下面的视频
- 我如何使图像隐藏在鼠标显示
- 如何通过点击图像显示/隐藏文本将其转为图像“隐藏”
- 加载图像隐藏可见效果使用javascript和CSS
- “图像隐藏于”复选框