-4

我想在我的网站上添加一些按钮并在单击它们时更改背景。

<html>
<head>
    <SCRIPT LANGUAGE "JavaScript">
    function cambiaSfondo(code){
        document.sfonfo=code
    }
</SCRIPT>
</head>
<body>
    <FORM>
        <input type = "button" name="button1" value="sfondo1" onClick='idk what to put here'>
    </FORM>
</body>
</html>
4

3 回答 3

1

sfondo不是有效的财产

function cambiaSfondo(img){
    document.body.style.backgroundImage = 'url(' + img + ')';
}


<input type = "button" name="button1" value="sfondo1" onClick="cambiaSfondo('/path/to/img')">

http://www.w3schools.com/jsref/prop_style_backgroundimage.asp

于 2013-10-06T08:40:22.200 回答
0

这里的工作代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script tpye="text/javascript">
   // $(document).ready(function() {
        function cambiaSfondo(img) {
            $('body').css('background-image', 'url('+img+')');
        }
   //});
</script>
</head>

<body>
    <FORM> <input type = "button" name="button1" value="sfondo1" onClick="cambiaSfondo('search-icon-2x.png');"> </FORM>
</body>
</html>
于 2013-10-06T08:42:07.927 回答
-1

首先，您不必使用表单，因为您没有向服务器获取或发布任何内容！

<html>
<head>
    <script type="text/javascript">
        function changeColor(){
            document.body.style.background="#000000";
        }
    </script >
</head>
<body>
       <button type="button" onclick="changeColor()">Change Color</button>
</body>
</html>

您可以更改任何背景属性：http ://www.w3schools.com/jsref/prop_style_background.asp

这是您的确切情况：示例

于 2013-10-06T08:45:37.263 回答