背景javascript中的位置无效

时间:2011-09-05 16:12:19

标签: javascript css background position background-position

基本上我在css中进行了翻转,但我想在javascript中使用它。我也想要,一旦我的页面被加载,其中一个图片将被自动选中。我尝试了这个代码,但它不工作..任何想法?由于某种原因,它没有调用该函数。 ps:我的html

中也称为clicked3
<script type="text/javascript">

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

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

</script>

3 个答案:

答案 0 :(得分:1)

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

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

2)如果您的图片宽度为198px(您正在隐藏图片),则可能忘记在CSS中添加background-repeat:no-repeat;,让您看到该图片的副本

无论如何,你改变背景位置的sintax是正确的,请在此处查看:

http://jsfiddle.net/zszB4/

答案 1 :(得分:0)

您的代码无法正常工作的真正原因是您将函数分配给不存在的事件处理程序onLoadwindow.onload是正确的语法,请注意它是小写的。

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

答案 2 :(得分:-1)

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

window.onload=clicked3();

在这里为您演示演示:)

http://jsfiddle.net/9Kh8f/