Question

说我有一个元素，我想在悬停状态下更改它。

使用Pseudo类，它将如下所示：

#element:before { background-position: 0px -50px; }
#element:hover:before { background-position: -50px -50px; }

我可以实现jQuery animation函数吗？或者我可以计划过渡吗？

Answer 1

使用jQuery是不可能的。

创建的内容：after或：before不是DOM的一部分，因此无法选择或修改 - （source）

您可以在CSS中使用它来实现过渡效果，但这在旧版浏览器中不起作用：

#element:before {
    -webkit-transition: background-position 1s linear;
    -moz-transition: background-position 1s linear;
    -o-transition: background-position 1s linear;
    -ms-transition: background-position 1s linear;
    transition: background-position 1s linear;
}

Answer 2

您可以使用.prev()吗？

$(".block").prev().animate();

示例：http://jsfiddle.net/charlescarver/EkW4z/

如何使用jQuery为Pseudo类设置动画或计时

2 个答案: