用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样式实现显示隐藏层
- CSS样式实现显示隐藏层
- 用CSS样式实现显示隐藏层方案
- Zepto实现密码的隐藏/显示
- AngularJS实现鼠标移入内容显示,鼠标移出内容隐藏
- DIV实现隐藏、显示、移动效果
- view的镜像转换实现,按钮自动隐藏 点击又重新显示
- javaScript实现定时显示隐藏、BOM对象方法介绍、表单简单校验、表格换色、DOM、二级联动
- 用jQuery实现一些导航条切换,显示隐藏的实例代码
- js实现的点击超链显示隐藏层
- 鼠标移入显示,移出隐藏动态网页实现
- jquery实现点击元素,如果弹出层隐藏则显示,显示则隐藏
- android程序代码实现改变字体颜色和输入密码的显示隐藏
- 不用JS实现显示隐藏效果(兼容各浏览器)
- jQuery实现菜单的隐藏和显示
- Android炫酷的Toolbar+Bottom+Fab悬浮按钮显示、隐藏、渐变的各种实现姿势
- jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
- 问题:关于坛友的一个定时重复显示和隐藏div的实现
- android 4.2 隐藏/显示 navigation bar, 实现全屏显示
- jquery显示隐藏元素的实现代码