我在很多网站上都看到过这个,但我不确定我是否能够解释它。
有时导航中有滑动元素,就像菜单项下的箭头在用户悬停在不同的菜单链接上时滑动一样。
这是一个简单的菜单:
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link number 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link something 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
还有一些 jQuery(我知道我可以使用简单的 css 获得相同的效果:hover):
jQuery('ul li a').hover(function() {
jQuery('a').removeClass('active');
jQuery(this).addClass('active');
});
另外,工作jsfiddle:
悬停时按钮背景变为红色。我希望这个背景在我悬停时在这些按钮之间滑动和变换(宽度)。
如何做这样的事情?我一直在寻找教程,但没有运气。
非常感谢!