一个不错的动感导航菜单

2018-10-15 17:32

阅读:658

<style>
dl{width:150px;background:#00furl(bottom.gif)no-repeatleftbottom;color:#fff;padding-bottom:5px;}

dt{background:#00furl(top.gif)no-repeattopleft;padding:10px10px10px20px;font:14px/1.5emarial;border-bottom:1pxsolid#fff;}

dd{margin:0;border-bottom:1pxsolid#fff;}
a{display:block;background:url(arrow.gif)no-repeat10px10px;color:#fff;text-decoration:none;padding:5px0px5px20px;font:12px/1.5emarial;}
a:hover{color:#fcc;background:url(arrow.gif)no-repeat11px10px;}

</style>
<divid=menu>
<dlid=gallery>
<dt>ArtGallery</dt>
<dd><ahref=#title=PaulCezanne>PaulCezanne</a></dd>
<dd><ahref=#title=HenriMatisse>HenriMatisse</a></dd>
<dd><ahref=#title=VincentvanGogh>VincentvanGogh</a></dd>
<dd><ahref=#title=WilliamTurner>WilliamTurner</a></dd>
<dd><ahref=#title=JohnConstable>JohnConstable</a></dd>
<dd><ahref=#title=ClaudeMonet>ClaudeMonet</a></dd>
</dl>
</div>
效果演示
Art Gallery Paul Cezanne Henri Matisse Vincent van Gogh William Turner John Constable Claude Monet
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


评论


亲,登录后才可以留言!