css 隐藏层效果

最新推荐文章于 2024-11-14 15:35:11 发布

转载最新推荐文章于 2024-11-14 15:35:11 发布 · 384 阅读

文章标签：

#css #class #border #xhtml #div #html

浏览今日最新、本周热门的作品，并查看浏览记录。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>