0

このようにhtmlに画像を追加しました。

<img src="Your image address" width="500" height="500">

しかし、マウスカーソルが画像に来たときにマウスオーバー手段を追加したいのですが、画像が変わるはずです。ここで使用するコードは何ですか。ありがとう

4

1 に答える 1

0

ファイル階層：Vidzpra/index.htmlとVidzpra/imagesには、black.jpgとyellow.jpgの2つの画像があります。マウスオーバーで画像を変更するコード（内部javascriptを含むHTML）は次のとおりです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>onMouserOver Img change</title>

<script>
    function changeImg(el){
        el.src  = "images/yellow.jpg";
    }

    function fixImg(el){
        el.src = "images/black.jpg";
    }

</script>
</head>

<body>
    <div>
        <img onmouseover="changeImg(this)" onmouseout="fixImg(this)" border="0" src="images/black.jpg" alt="" align="middle" >
    </div>
</body>

</html>
于 2013-03-15T14:05:58.437 に答える