javascript - javasctipt 中的 backgroundPosition 不起作用

Question

基本上我在 css 中做了一个翻转，但我想要它在 javascript 中。我也想要，一旦我的页面被加载，其中一张图片将被自动选择。我为此尝试了这段代码，但它不起作用..有什么想法吗？由于某种原因，它没有调用该函数。ps：在我的html中，id也被称为clicked3

<script type="text/javascript">

window.onLoad=function(){
clicked3();
}

function clicked3(){
document.getElementById("clicked3").style.backgroundPosition = "-198px top";
}

</script>

Answer 1

帮自己一个忙，使用 javascript 库，例如 jQuery...

1) Javascript 区分大小写，因此 window.onLoad 与 window.onload 不同（正确的 sintax）

2）如果你的图片正好是 198px 宽（你隐藏了图片），你可能忘记添加background-repeat:no-repeat;你的 CSS，让你看到该图片的副本

无论如何，您更改背景位置的 sintax 是正确的，请在此处查看实际操作：

http://jsfiddle.net/zszB4/

Answer 2

您的代码不起作用的真正原因是因为您将函数分配给不存在的事件处理程序onLoad。window.onload是正确的语法，注意都是小写的。

http://jsfiddle.net/9Kh8f/3/

Answer 3

你不需要window.onload=function ..你可以打电话...

window.onload=clicked3();

在这里为您工作演示:)

http://jsfiddle.net/9Kh8f/