jQuery记忆css以获得悬停效果
我想为一个元素创建一个悬停效果,但是当再次悬停时,我希望该元素的预悬停CSS与以前相同。所以,我不想在再次将鼠标悬停在元素外时无意中覆盖先前的样式。换句话说,这是一种记忆元素的css状态并在以后恢复该状态的简单方法jQuery记忆css以获得悬停效果,jquery,css,undo,memoization,Jquery,Css,Undo,Memoization,我想为一个元素创建一个悬停效果,但是当再次悬停时,我希望该元素的预悬停CSS与以前相同。所以,我不想在再次将鼠标悬停在元素外时无意中覆盖先前的样式。换句话说,这是一种记忆元素的css状态并在以后恢复该状态的简单方法 想法?通过对元素应用特定类来触发悬停CSS 然后,当悬停完成时,删除悬停类 这让CSS为您处理样式覆盖和恢复。通过将特定类应用于元素来触发悬停CSS 然后,当悬停完成时,删除悬停类 这让CSS为您处理样式覆盖和恢复。只需创建一个新的CSS类。悬停时,使用addClass(\u tha
想法?通过对元素应用特定类来触发悬停CSS 然后,当悬停完成时,删除悬停类
这让CSS为您处理样式覆盖和恢复。通过将特定类应用于元素来触发悬停CSS 然后,当悬停完成时,删除悬停类
这让CSS为您处理样式覆盖和恢复。只需创建一个新的CSS类。悬停时,使用
addClass(\u thatclass)
,悬停时使用removeClass(\u thatclass)
只需创建一个新的css类。在悬停时,使用addClass(\u thatclass)
,在悬停时使用removeClass(\u thatclass)
您可以使用纯CSS实现吗?如果可以的话,你应该这样做,它会在不自动悬停的情况下恢复旧的CSS
,所有div
s的边框在您悬停时会变大,停止悬停时会缩小到正常值。我将把CSS放在这里,所以这个答案是独立的:
div {
border: 2px solid red;
}
div:hover {
border-width: 10px;
}
(请注意,您可以在选择器中的任何位置使用hover,而不仅仅是在末尾,例如
#myID:hover.childClass
)您可以在纯CSS中使用吗?如果可以的话,你应该这样做,它会在不自动悬停的情况下恢复旧的CSS
,所有div
s的边框在您悬停时会变大,停止悬停时会缩小到正常值。我将把CSS放在这里,所以这个答案是独立的:
div {
border: 2px solid red;
}
div:hover {
border-width: 10px;
}
(请注意,您可以在选择器中的任何位置使用hover,而不仅仅是在末尾,例如
\myID:hover.childClass
)您不能只使用:hover
或应用于hover
的附加类。m90:当元素接收到键盘焦点时,它们可能需要触发悬停样式(例如,为了便于访问,用户可能没有使用鼠标)。Sly_cardinal:他也可以(也)使用:focus。您不能只使用:hover
或应用于hover
的附加类。m90:当元素接收到键盘焦点时,他们可能需要触发hover样式(例如,为了便于访问,用户可能没有使用鼠标)。Sly_cardinal:他也可以用法:专注于此。不,因为我想在悬停在给定元素上时在另一个元素上创建悬停效果。但由于缺乏上下文,所以建议不错。不,因为我想在悬停在给定元素上时在另一个元素上创建悬停效果。但由于缺少上下文,所以建议不错。我认为这是目前为止最好的建议。Ma非常有道理。谢谢!我认为这是到目前为止最好的建议。非常有道理。谢谢!谢谢!答案奖励给sha404,因为他快了一分钟。但是感谢你们两个快速而非常有用的答案!:-)谢谢!答案奖励了sha404,因为他快了一分钟。但感谢你们两位快速而有用的回答!:-)