用css制作菜单上浮动的小图标，淘宝网、百度搜索都用过的效果，一般常见于商务类网站，这个特效还是很实用的，这种效果正在慢慢流行中。
程序代码:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css菜单上的浮动小图标</title>
<style>
body{font-size:12px;margin-top:30px;}
ul,li{list-style-type:none;margin:0;padding:0;float:left;}
#nav{height:30px;width:610px;margin-left:auto;margin-right:auto;}
#nav li{margin-left:1px;line-height:30px;background:#ff6600;}
#nav li a{display:block;float:left;text-decoration:none;color:#fff;padding:0 10px;}
sup{position:absolute;margin-top:-8px;margin-left:-13px;background:url(
http://www.codefans.net/jscss/demoimg/200907/tag.gif);width:16px;height:16px}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">网页特效</a></li>
<li><a href="#">夏飘雪工作室</a></li>
<li><a href="#">精品代码</a><sup></sup></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">产品资讯</a></li>
<li><a href="#">客户服务</a></li>
</ul>
</div>
</body>
24小时新发主题 
最近被编辑的主题 
超过24小时普通主题