-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 に答える