热门关键字:  8 教程  css  flash  表单  定位
当前位置 : 主页>div+css>列表

用CSS样式实现显示隐藏层方案

来源:http://www.dw8.org/ 作者:dw8 时间:2007-12-24 点击:

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

http://www.dw8.org Dreamweaver cs3 专业网站

<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>
http://www.dw8.org Dreamweaver 专业网站

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册