您的位置:首页 > Web前端 > CSS

用CSS样式实现显示隐藏层

2001-02-17 12:29 387 查看
CSS样式实现显示隐藏层  
  作者: 严正
来自: www.oso.com.cn

此方法不用JavaScript,代码少、简单,显示的层自动在链接处
以下代码加入页面中,鼠标悬浮于链接“1234567890”上时,层内容“11111111”显示,鼠标离开时层恢复隐藏状态。

<a href="####" style="color:blue" onMouseOver="document.all.Layer1.style.visibility=''" onMouseOut="document.all.Layer1.style.visibility='hidden'">
1234567890</a>
<div id="Layer1" style="position:absolute; width:300px; height:100px; z-index:1; background-color: #CCFFFF; layer-background-color: #CCFFFF; border: 1px none #000000; visibility: hidden">11111111</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css javascript border layer div