Html OnClick更改背景图像_Html_Css_Image_Background

Html OnClick更改背景图像

html css image

Html OnClick更改背景图像,html,css,image,background,Html,Css,Image,Background,单击页面时是否可以更改html页面的背景是的，您所要做的就是应用一个css类来更改单击事件的背景，如果您可以提供一个代码片段，我可以帮助您实现这一点。类似这样的内容： <html> <head> <title>Javascript Change Div Background Image</title> <style type="text/css"> #div1 { width:100px;

单击页面时是否可以更改html页面的背景

是的，您所要做的就是应用一个css类来更改单击事件的背景，如果您可以提供一个代码片段，我可以帮助您实现这一点。

类似这样的内容：

<html>
<head>
    <title>Javascript Change Div Background Image</title>

    <style type="text/css">

    #div1 {
    width:100px;
    height:30px;
    background-image:url(images/blue.gif);
    }

    p {
    font-family:Verdana;
    font-weight:bold;
    font-size:11px
    }

    </style>

    <script language="javascript" type="text/javascript">
    function changeDivImage()
    {
        var imgPath = new String();
        imgPath = document.getElementById("div1").style.backgroundImage;

        if(imgPath == "url(images/blue.gif)" || imgPath == "")
        {
            document.getElementById("div1").style.backgroundImage = "url(images/green.gif)";
        }
        else
        {
            document.getElementById("div1").style.backgroundImage = "url(images/blue.gif)";
        }
    }
    </script>

</head>

<body>

    <center>
    <p>
        This Javascript Example will change the background image of<br />
        HTML Div Tag onclick event.
    </p>
    <div id="div1">
    </div>
    <br />
    <input type="button" value="Change Background Image" onclick="changeDivImage()" />
    </center>

</body>
</html>

等等，你能用点击事件改变身体的背景吗？

$(function(){
    $("input").click(function(){
        $("body").css("background","url('otherimg.jpg')"); 
    });
});

    $(function(){
$("input").click(function(){
    $("body").css({background-image:"url('imageName.gif')"}); 
});
});