基于CSS实现带阴影和小箭头的黑色风格下拉菜单效果

2020-05-16 07:18:19易采站长站整理

<LI class=e1></LI>
<LI class=e2></LI>
<LI class=e3><!– 圆角 –></LI>
</UL>
</LI>
<LI onMouseOver=”this.className=’over'” onMouseOut=”this.className=””><A id=m7 href=”javascript://;”>影印娱乐</A>
<UL>
<LI><A id=m9 href=”#”>我的DV</A> </LI>
<LI><A id=m20 href=”#”>我的相册</A> </LI>
<LI class=e1></LI>
<LI class=e2></LI>
<LI class=e3><!– 圆角 –></LI>
</UL>
</LI>
<LI onMouseOver=”this.className=’over'” onMouseOut=”this.className=””><A id=m8 href=”javascript://;”>新人新事</A>
<UL>
<LI><A id=m10 href=”#”>天下新闻</A> </LI>
<LI class=e1></LI>
<LI class=e2></LI>
<LI class=e3><!– 圆角 –></LI>
</UL>
<UL>
</UL>
</LI>
<LI onMouseOver=”this.className=’over'” onMouseOut=”this.className=””><A id=m12 href=”javascript://;”>个人作品</A>
<UL>
<LI><A id=m19 href=”#”>心情感想</A> </LI>
<LI class=e1></LI>
<LI class=e2></LI>
<LI class=e3><!– 圆角 –></LI>
</UL>
</LI>
<LI onMouseOver=”this.className=’over'” onMouseOut=”this.className=””><A id=m13 href=”javascript://;”>合作事宜</A>
<UL>
<LI><A id=m18 href=”#”>项目资金</A> </LI>
<LI class=e1></LI>
<LI class=e2></LI>
<LI class=e3><!– 圆角 –></LI>
</UL>
</LI>
<LI onMouseOver=”this.className=’over'” onMouseOut=”this.className=””><A id=m14 href=”javascript://;”>团队建设</A>
<UL>
<LI><A id=m17 href=”#”>我是团长</A></LI>
<LI class=e1></LI>
<LI class=e2></LI>
<LI class=e3><!– 圆角 –></LI>
</UL>
</LI>
<LI onMouseOver=”this.className=’over'” onMouseOut=”this.className=””><A id=m15 href=”javascript://;”>联系方式</A>
<UL>
<LI><A id=m16 href=”#”>联系方式</A> </LI>
<LI class=e1></LI>
<LI class=e2></LI>
<LI class=e3><!– 圆角 –></LI>