Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript javasctipt中的backgroundPosition不起作用_Javascript_Css_Background_Position_Background Position - Fatal编程技术网

Javascript javasctipt中的backgroundPosition不起作用

Javascript javasctipt中的backgroundPosition不起作用,javascript,css,background,position,background-position,Javascript,Css,Background,Position,Background Position,基本上,我在css中做了一个滚动,但我希望它改为javascript。此外,我想,一旦我的网页加载的图片之一将自动选择。我为此尝试了这个代码,但它不起作用。。有什么想法吗?出于某种原因,它没有调用函数。ps:在我的html中,id也被称为clicked3 <script type="text/javascript"> window.onLoad=function(){ clicked3(); } function clicked3(){ document.getElementBy

基本上,我在css中做了一个滚动,但我希望它改为javascript。此外,我想,一旦我的网页加载的图片之一将自动选择。我为此尝试了这个代码,但它不起作用。。有什么想法吗?出于某种原因,它没有调用函数。ps:在我的html中,id也被称为clicked3

<script type="text/javascript">

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

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

</script>

您不需要窗口。onload=函数。。你可以打电话给

window.onload=clicked3();
在此为您演示工作:


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


帮自己一个忙,使用javascript库,比如jQuery

1 Javascript区分大小写,因此window.onLoad与window.onLoad不一样

2如果你的图像宽度正好是198px,那么你可能忘记添加背景重复:无重复;在css中,使您看到该图像的副本

无论如何,您用于更改背景位置的sintax是正确的,请参见此处的操作:


window.onload=clicked3;将onload事件设置为激发clicked3函数返回的任何值。它实际上与使用window.onload=document.getElementByIdclicked3.style.backgroundPosition=-198px top相同;为什么我被否决了?这是海报问题的有效解决方案?通过删除window.onLoad,他可以将其添加到按钮点击和许多类似的操作中。之所以有效,是因为您立即调用了该函数,这不是一个合适的解决方案。您的window.onLoad从未被激发,因为a它被包装在onLoad事件本身中,而b onLoad不是onLoad是的正确方法。他发布的代码表明他希望立即调用它?对于onload的输入错误,我深表歉意,但是如果您引用了正确的JSFIDLE。您的代码可以工作,但这只是因为您将其包装在MooTools onload事件中,然后您将立即调用clicked3函数,同时将返回值未定义(在本例中)分配给window对象onload的不存在属性。