Question

当鼠标悬停在鼠标上时，我需要一些文字向右移动，这是我到目前为止所拥有的 JS：

$("#mainnav li").hover(function() {
$(this).css('padding-left', '50px');});

HTML：

<ul id="mainnav"> 
<li>hello</li>
<li>hello 1</li>
<li>hello 2</li>
</ul>

Answer 1

如果您想使用 JQuery ，可以这样做，或者只使用 CSS Fiddle

进行此操作

$('#mainnav li').hover(function() {
  $(this).css('padding-left', '30px');
}, function() {
  $(this).css('padding-left', '0');
});

li {
  transition: all 0.3s ease-in;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="mainnav"> 
  <li>hello</li>
  <li>hello 1</li>
  <li>hello 2</li>
</ul>

JS - 在鼠标悬停时移动列表文本

1 个答案: