见识下拉菜单的效果，在网页上的运用对大家来说不在陌生了，然而很多下拉的效果都是依赖于JS或者jQ来实现。但是随着IE6的慢慢死去，制作这样的效果是无需任何脚本语言来支持。今天广帆互动广州网站建设公司一起来看一款使用CSS3制作的下拉工具条，也类似于tooltip的效果。在这个效果中比较难处理的是阴影色配合，另个整个效果最有特色的是CSS3属性选择器的运用。感兴趣的话继续往下看吧。



HTML结构

<ul>   <li>     <div>       <a href="#">#</a>       <ul>         <li><a href="#1">"</a></li>         <li><a href="#2">$</a></li>         <li><a href="#3">!</a></li>        </ul>     </div>   </li> </ul>