javascript - 更改 img 的开头

Question

如何改变图像的“开始”？

我的意思是img它处于静止状态只是它的开始是移动的

我想改变它CSS或HTML，在JavaScript中的最后手段

像这样的东西：第一张图片（这张图片点击改变它的开始）。

...它转变为它：第二张图片

任何想法？：/

Answer 1

<div class="myImg"> </div>
<style>
.myImg{
 background: url('myimg.jpg');
}
.myImg2{
 background: url('myotherimg.jpg');
}
</style>
<script type="javascript/text">
$('.myImg').click(function() {
    $(this).removeClass('myImg');
    $(this).addClass('myImg2');
});
</script>

当然，您必须使用 jquery 链接来获取 jQuery 最新更新。

那么我在这里实际上做了什么？

我已经使用 jQuery 检查用户是否单击了 div .myImg，如果他这样做了，我只是在 div 的类之间切换，并且每个其他类都有不同的图像。

希望我有所帮助。

Answer 2

I'm not entirely sure what you're asking, but it sounds like you might want to do CSS sprites.

http://css-tricks.com/css-sprites/

If you want to change the image on click, you'll need some code. I won't spend too much time on that, given your question is hard to decipher, but if it were me, I would create a class per sprite, then toggle between the two classes based on the click event.