删除鼠标悬停时显示的图像

时间:2013-07-17 20:30:32

标签: javascript

以下脚本打开onmouseover图像,但我无法想出一种方法来删除图像onmouseout。我知道我错过了一些非常简单的东西,但似乎找不到有用的东西。

<script type="text/javascript">
    function show(Id) {
    document.getElementById(Id).style.display="inline";
    }
    </script>    
    <span onmouseover="show ('myImage')">- <u>LAZARETTE</u></span></b>
    <img src="../images/MarkILineDrawingLazarette.jpg" id="myImage" border="0" style="display:none;"

2 个答案:

答案 0 :(得分:2)

function hide(Id) {
    document.getElementById(Id).style.display="none";
}

然后将开口范围标记更改为:

<span onmouseover="show('myImage')" onmouseout="hide('myImage')" >

编辑: JSFiddle!

答案 1 :(得分:2)

你非常接近!只需添加onmouseout事件!

HTML

<b>   
<span onmouseover="show('myImage',true)" onmouseout="show('myImage',false)">- <u>LAZARETTE</u></span></b>

JAVASCRIPT

function show(Id, show) {
    document.getElementById(Id).style.display = show ? "inline" : "None";
}