Question

如何更改图片的“开始”？

我的意思是img处于不动状态，只是它开始正在移动

我希望在 JavaScript

的最后一步中更改 CSS 或 HTML

这样的事情：FIRST PICTURE（点击这张照片改变了它的开始）。

......它转变为它：SECOND PICTURE

有什么想法吗？：/

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

我不完全确定你在问什么，但听起来你可能想做CSS精灵。

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

如果要在点击时更改图像，则需要一些代码。我不会花太多时间，因为你的问题难以破译，但如果是我，我会为每个精灵创建一个类，然后根据click事件在两个类之间切换。

改变img的开头

2 个答案: