模拟网页下拉菜单中有几个比较关键的CSS属性:position、left、top、display,同时,他们也是style对象的属性。今天我们就用这几个基本属性来实现一个简单的网页菜单。
首先请大家看笔者已经做好的一个实例,然后我们对这个例子进行详细代码讲解。
为大家阅读方便,这里采用在代码中加注释的方式,红色部分为注释。
代码如下:
------------------------------------------------------
菜单内容
------------------------------------------------------ 这样,一个简单的菜单就实现了,只要你略有一些相关的基础知识,反复体会一下我加的注释,就应该可以理解了,是不是并不难?
这个菜单现在看上去还有点简陋,下次我们将对这个菜单进行进一步的修饰。