Question

这适用于Chrome，但无法在IE中使用。

HTML：

<img class="ortaresim" name="img1" src="Images/resim.png" alt="gezi" width="460" height="308" />

<a href="#" onMouseover="change_img()" onMouseout="change_back()"></a>

JavaScript：

function change_img() { document.images.img1.src = "Images/yemek.jpg"; }

function change_back() { document.images.img1.src = "Images/resim.png"; }

Answer 1

您的问题对我来说并不清楚。如果您的代码想要在焦点图像上更改图像，那么它应该可以使用它。

<html>
    <script type="text/javascript">

        function change_img() {
            document.images.img1.src = "image1.jpg"; 
        }

        function change_back() { 
            document.images.img1.src = "image2.jpg"; 
        }

    </script>
    <img 
        name="img1"
        src="image2.jpg" 
        alt="gezi" 
        onMouseout="change_back()"  
        onMouseover="change_img()" />
</html>

Answer 2

为图片提供 ID 属性，如下所示：

<img id="img1" class="ortaresim" name="img1" src="Images/resim.png" alt="gezi" width="460" height="308" />

并更改您的事件处理程序：

function change_img() { document.getElementById("img1").src = "Images/yemek.jpg"; }

function change_back() { document.getElementById("img1").src = "Images/resim.png"; }

Javascript函数无法在IE中运行

2 个答案: