同时onmouseover事件

时间:2014-02-13 19:09:15

标签: javascript onmouseover

我需要一张大图像,每边有3张图像。当光标越过较小的图像时,较大的图像被较小的图像替换为较大的版本,下面的图像的文本描述,但我不知道如何做这样的多个事件。我是Javascript的新手,非常感谢任何帮助。

这是头部分中的脚本:

function changeImage(img_src,txt) {
    //change image code
    document.getElementById("preview").src = img;

    //change text code
    document.getElementById("description").innerHTML = txt;
}

其中一张较小图片的代码:

<img width="180" height="134" src="africa.jpg" onmouseover='changeImage("africa.jpg","Exotic Wooden Animals")' />

更大图片的代码:

<div id="description">
    <img src="Untitled-1.gif" id="preview" width="500" height="441">
</div>

0 个答案:

没有答案