Question

脚本只更改图像一次。然后它根本不起作用。

SCRIPT：

<script type="text/javascript">
    function change_image(){
        if (window.document.pic.src='images/NAV_OFFhome_trans.png')
        {
            window.document.pic.src='images/NAV_OFFhist_trans.png';
        }
        else if (window.document.pic.src='images/NAV_OFFhist_trans.png')
        {
            window.document.pic.src='images/NAV_OFFhome_trans.png';
        }
    }
</script>

HTML：

<div id="main" >
<img src="images/NAV_OFFhome_trans.png" name="pic" onclick="change_image()"     style="position:absolute;"/>
</div>

Answer 1

在if / else if语句中，您设置src而不是检查该值。请务必使用==代替=。

因此：

<script type="text/javascript">
    function change_image(){
        if (window.document.pic.src == 'images/NAV_OFFhome_trans.png')
        {
            window.document.pic.src = 'images/NAV_OFFhist_trans.png';
        }
        else if (window.document.pic.src == 'images/NAV_OFFhist_trans.png')
        {
            window.document.pic.src = 'images/NAV_OFFhome_trans.png';
        }
    }
</script>

以下是衡量标准的示例：http://jsfiddle.net/rd6dL/

脚本一次不会更改图像

1 个答案: