Question

所以我正在尝试找到最好的教程：how I can script an image to change when its clicked on or enlarged。我在twitter看到的一个例子就是一个男孩坐在他的房间里，点击它时，男孩坐在他周围的外围空间。现在，我不确定是否有人见过或知道我所引用的内容，但这是我希望制作的图像类型。

无论如何，我用google搜索并试图使用的教程并不是真正的初学者类型，例如你在搞砸之前没有使用过java script而我只是看到这里是否有人可以给我一个更好的主意我必须做什么。

Answer 1

您可以使用onclick javascript函数切换图像的背景。类似下面的代码..

将此脚本放在html页面的头部

<script language="javascript" type="text/javascript">
function ChangeBG()
{
    if(document.getElementById("divImg").style.backgroundImage == "url(home_image.jpg)")
    {
        document.getElementById("divImg").style.backgroundImage = "url(apparatus.gif)";
    }
    else
    {
        document.getElementById("divImg").style.backgroundImage == "url(home_image.jpg)"
    }
}
</script>

在页面正文中使用此代码

<div id="divImg" style="background-image: url(home_image.jpg); height: 400px; width: 400px;
    background-repeat: no-repeat;">
    <img alt="Admin" src="admin1.gif" onclick="ChangeBG();" />
</div>

我想学习如何编写脚本以在单击时更改图像

1 个答案: