css 隐藏层效果

来源：互联网发布：java调用unity3d接口编辑：程序博客网时间：2024/05/17 09:39
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">*{ font:12px/20px Tahoma; }.popmenulink{padding-right:10px;background:url("/img/common/arrow.gif") no-repeat right center;}.popmenuclose{ border:1px #f00 solid;}.popmenuclose div{display:none}.popmenuopen{position:relative;z-index:999; border:1px #f00 solid;}.popmenuopen div{border:1px solid #E1E1D0;background-color:#FFF;position:absolute;left:0px;top:14px;padding:3px;}.popmenuopen div a{color:#807668;display:block;width:60px;line-height:20px;padding:0 5px;text-decoration: none;}.popmenuopen div a:hover{background-color:#807668;color:#FFF;text-decoration: none;}.popmenucell{background-color:#E1E1D0;line-height:1px;height:1px;overflow:hidden;margin:3px 0}</style></head><body><span onmouseover="this.className='popmenuopen';" onmouseout="this.className='popmenuclose';" class="popmenuclose"><a href="/browse/" class="popmenulink" >浏览作品</a><div>   <a href="/browse/?filter=day">今日最新</a>   <a href="/browse/?order=viewscount&filter=week">本周热门</a>   <a class="popmenucell"> </a>   <a href="/works/history/">浏览记录</a></div></span><br /><span onmouseover="this.className='popmenuopen';" onmouseout="this.className='popmenuclose';" class="popmenuclose"><a href="/browse/" class="popmenulink2" >浏览作品</a><div>   <a href="/browse/?filter=day">今日最新</a>   <a href="/browse/?order=viewscount&filter=week">本周热门</a>   <a class="popmenucell"> </a>   <a href="/works/history/">浏览记录</a></div></span></body></html>