开发学院网页设计DivCss 用CSS样式实现显示隐藏层 阅读

用CSS样式实现显示隐藏层

 2008-03-09 11:32:19 来源:WEB开发网   
核心提示:CSS样式实现显示隐藏层 作者: 严正来自: www.oso.com.cn此方法不用JavaScript,代码少、简单,用CSS样式实现显示隐藏层,显示的层自动在链接处 以下代码加入页面中,鼠标悬浮于链接“1234567890”上时,层内容“11111111”显示,鼠标离开时层恢复隐藏状态
CSS样式实现显示隐藏层  
  作者: 严正
来自: www.oso.com.cn

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

<a href="####" style="color:blue" >
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>

Tags:CSS 样式 实现

编辑录入:coldstar [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接