日期:2014-04-24  浏览次数:21122 次

CSS文件:

 程序代码
<style>
#nav{background:#000; font-size:12px; float:left; margin-left:50px; width:250px; padding:50px;}
#nav div{margin:8px;}
#nav span{display:none; display:block;}
#nav a{color:#666;text-decoration:none; display:block;}
#nav a:hover{color:#FFFF00; position:relative;}
#nav a:hover span{display:block;left:-10px;position:absolute;color:#FFff00;border-top: 12px solid #ffff00;border-left:4px solid #ffff00;line-height:0px;}
</style>


DIV文件:

 程序代码
<div id="nav">
  <div><a href="http://www.zishu.cn"><span></span>网站首页</a></div>
  <div><a href="http://www.zishu.cn"><span></span>网站首页</a></div>
  <div><a href="http://www.zishu.cn"><span></span>网站首页</a></div>
  <div><a href="http://www.zishu.cn"><span></span>网站首页</a></div>
  <div><a href="http://www.zishu.cn"><span></span>网站首页</a></div>
  <div><a href="http://www.zishu.cn"><span></span>网站首页</a></div>
</div>


演示效果:

 HTML代码



chenhuili优化后的!