图片测试</a> <div id="wxImg" style="display:none; position:absolute;"><…" /> CSS display属性 – COOL

CSS display属性

cool·2020-07-31·258 次阅读

CSS display属性当把鼠标放在链接上会出现图片或其他提示性信息。

如图：

<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()">图片测试
</a> 
<div id="wxImg" style="display:none; position:absolute;"><img src="img/hello.jpg">
</div>

function showImg(){ 
                 document.getElementById("wxImg").style.display='block'; 
                } 
                  function hideImg(){ 
                  document.getElementById("wxImg").style.display='none'; 
                }