作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个菜单,当我将鼠标悬停在它上面时,我想打开每个 li,但我的 jquery 代码不能正常工作,我尝试使用 css,但整个菜单都打开了。
$("ul.sideBarMenuLinks li").mouseover(function() {
$('this').each(function() {
$(this).css(' margin-left', '0');
});
});
ul.sideBarMenuLinks li {
margin-bottom: 5px;
transition: 0.5s;
margin-left: -116px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="sideBarMenuLinks">
<li>
<div><a class="sideBarMenuLink" href="#"><span class="image"><i class="icon-home"></i> </span> <span class="text">Home Page</span> </a></div>
</li>
<li>
<div><a class="sideBarMenuLink" href="#"><span class="image"><i class="icon-user"></i> </span> <span class="text">Register</span> </a></div>
</li>
</ul>
最佳答案
试试这个
JS
$("ul.sideBarMenuLinks li").mouseover(function() {
$(this).css('margin-left','0');
});
希望这对您有帮助..
关于javascript - 如何用鼠标悬停打开每一个里,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45079463/
我是一名优秀的程序员,十分优秀!