当鼠标悬停在导航按钮上时,我做了一个悬停效果,但是当鼠标离开时,它就会弹回原处。我想知道如何恰当地实现悬停的效果。
我尝试将转换代码添加到a和a:悬浮中,但是当我这样做时,每当我导航到或刷新页面时,都会产生一些奇怪的不需要的转换效果。
以下是代码:
nav a {
text-decoration: none;
padding: 25px 20px;
transition-property: background color ease-in-out;
transition-duration: 300ms;
transition-timing-function: linear;
}
nav a:h
我知道这可能会导致灾难,但我想在滚动150 px之后更改css: know元素。我已经在使用jQuery来完成这个任务,但是我不知道如何针对悬浮元素。有解决办法吗?
我的代码:
$(window).scroll(function() {
if ( $(window).scrollTop() > 150 ) {
$('#menu li ul li:hover').css('background', 'rgba(0,0,0,1)';
} else {
$('#menu li ul li:hover