用CSS样式实现显示隐藏层

原创 2001年02月17日 12:29:00
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实现 : 鼠标移动上去显示div,移开隐藏div

一、实现效果:     注:此时鼠标还没移进红色框,红色框内的内容隐藏起来了    注:此时鼠标移到红色框区域内了,内部隐藏的东西显示出来了 二、css控制具体代码: 测试对象转数组...
  • baidu_32262373
  • baidu_32262373
  • 2016年07月11日 15:19
  • 9522

JQuery采用CSS实现DOM元素的显示和隐藏

今天参加了一个Code Review看了一个同事的写的代码,感觉满足了当前的功能实现,但是从长远来看,无论从代码复用角度还是维护上看都显得非常差。采用CSS实现DOM元素是一种比较合理高效的做法。...
  • dotnetstudio
  • dotnetstudio
  • 2014年10月03日 13:15
  • 4186

【jQuery/CSS】显示或隐藏元素

1. CSS分别有display、visibility两个样式可以用于隐藏或显示HTML元素 1) display样式有多个类型的值可选择,默认值为inline,隐藏后会释放元素所占用的页面空间(详...
  • blue225
  • blue225
  • 2016年05月07日 17:05
  • 1932

DIV+CSS实现显示隐藏层

HTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 隐藏/显示...
  • zhanghgsr
  • zhanghgsr
  • 2012年01月03日 21:40
  • 1213

css样式实现div页面底部始终悬浮显示

为了完成页面底部显示公司和技术赞助的显示  使得在页面滚动的时候  左右两边的梯形阴影始终显示在底部 为了显示在页面底部  首先想到的是footer来设置页面的页脚  来显示页面底部的信息 P...
  • sinat_29774479
  • sinat_29774479
  • 2017年10月25日 09:36
  • 251

实现鼠标焦点显示隐藏层和表单的特效

  • 2014年06月04日 16:09
  • 649B
  • 下载

如何通过CSS样式设置单元格显示内容的长度.doc

  • 2011年06月09日 12:44
  • 29KB
  • 下载

asp.net 垂直滚动条Css样式,Js实现源码

  • 2014年08月21日 09:44
  • 43KB
  • 下载

立用Dreamweaver MX中的CSS样式实现滤镜制作

  • 2007年09月14日 20:12
  • 190KB
  • 下载

实现css样式的方式

  • 2012年03月14日 10:26
  • 18KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用CSS样式实现显示隐藏层
举报原因:
原因补充:

(最多只允许输入30个字)