-4

これは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"; }
4

2 に答える 2

2

あなたの問題は私には明らかではありません。あなたのコードが画像に焦点を合わせて画像を変更したい場合は、これで動作するはずです。

<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>
于 2012-12-17T13:03:00.300 に答える
1

画像に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"; }
于 2012-12-17T12:50:34.637 に答える