htmldiv图层置顶,完全CSS实现⿏标移上出现层的效果(超简
单)
看过许多⿏标事件,都很复杂,太多的⽂件和繁杂的代码,⽽且好多都是⽤js实现,加载速度很慢。
这⼏天⼀直在⼀种简单的实现效果,完全 CSS编写的效果,现在到了,⾮常的少。
这就是完全 CSS实现的层效果,真的很不错的,稍微美化⼀下就⾮常好了。
希望⼤家多提意见……
CSS
.demo ul{position:relative;padding:0;margin:0;font-size:12px;}
.demo ul li{visibility:hidden;position:absolute;top:5px;left:180px;width:300px;padding:6px;border:#dfdfdf 1px solid;}/*显⽰li的内容的定位*/
手机上可以打html与css的app
.demo ul:hover li,.demo ul a:hover li{visibility:visible;}/*⿏标经过ul时,显⽰li的内容*/
.demo ul li a{margin-right:10px;color:#333;}
.demo ul b a{color:#333;width:200px;display:block;height:25px;line-height:25px;background:#fefefe;border:#dfdfdf 1px solid;text-decoration:none;text-indent:10px;}
HTML

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。