CSS下拉菜单的制作

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

 

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

 

HTML代码：

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

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

下面看CSS代码：

}