asp.net - 如何动态使用 css 和 sprite

Question

我有一个动态创建的精灵。我知道要将其显示为动画，我需要更改此图像位置的偏移量。我读到您将其放入 CSS 文件中。如何动态创建此 CSS 并使用 asp.net 和 C# 动态使用它？

到目前为止，我使用 AJAX、计时器和 response.write DIV 更改了这些偏移量。但图像似乎闪烁。所以，我希望通过使用 CSS 可以消除这种闪烁。

Answer 1

使用 AJAX 您可以简单地返回偏移 x 和 y 位置，并且只更新元素的样式。

重新创建整个元素将从 DOM 中删除当前元素，并在适当位置添加一个新元素（这会导致闪烁）。

使用诸如 jQuery 之类的库，您可以执行以下操作：

$.get("/ajaxurl", function(data){
    $(".myelement").css("background-position", data.x + "px " + data.y + "px;");
});