好的,代码应该做的是改变 li 标签的背景颜色。但是,它必须以动画的方式完成。即背景颜色不应该马上改变。背景颜色应在几秒钟内逐渐设置。
我已经写了这个,尽管它确实很好地设置了背景颜色,但它并没有逐渐做到:
// Subtle navigation on hover color animation
$(document).ready(function () {
$(".navigation li").hover(
function () {
// Over
$(this).animate(
$(this).css("background", "rgba(159,223,188, 0.9)"),
300);
},
function () {
// Out
$(this).animate(
$(this).css("background", "none"),
300);
}
);
});
html很简单:
<ul class="navigation">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
感谢您提供正确方向的任何指示!