随笔- 121  评论- 18  文章- 0 

CSS下拉菜单的制作

转自: http://blog.onlygrape.com/css-menu/460

 

给大家介绍一种简单的实现方法,没有用到复杂的JS代码,进行简单的变换就可以了。我们来看最终的效果,如下图所示:

 

HTML代码:

HTML Code



大家特别留意类似于以下代码的HTML, 这是变换的关键。

class=”menu2″
onMouseOver=”this.className=’menu1′”
onMouseOut=”this.className=’menu2′”



下面看CSS代码:

CSS Code

 

posted on 2009-07-29 16:46  炜升  阅读(...)  评论(... 编辑 收藏