CSS display属性

CSS

学习

发布日期: 2020-07-31

更新日期: 2023-11-25

文章字数: 83

阅读时长: 1 分

阅读次数:

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'; 
                }