记住哦,本站网址是:http://www.7139.com
梦幻网络
导航图标
您现在的位置: 梦幻网络 >> 技术学院 >> 网页设计 >> Dreamweaver >> 正文

网页菜单详解(2):初步实现

来源:互联网 收集:梦幻网络 本站网址:www.7139.com 点击数: 【字体:减小 增大

模拟网页下拉菜单中有几个比较关键的CSS属性:position、left、top、display,同时,他们也是style对象的属性。今天我们就用这几个基本属性来实现一个简单的网页菜单。

  首先请大家看笔者已经做好的一个实例,然后我们对这个例子进行详细代码讲解。

  为大家阅读方便,这里采用在代码中加注释的方式,红色部分为注释。


代码如下:

------------------------------------------------------菜单实例 菜单实例

------------------------------------------------------  这样,一个简单的菜单就实现了,只要你略有一些相关的基础知识,反复体会一下我加的注释,就应该可以理解了,是不是并不难?

  这个菜单现在看上去还有点简陋,下次我们将对这个菜单进行进一步的修饰。
(完)计算机基础教程网


Google
【更新时间:2006-7-14 6:37:58】【打印此文】【关闭窗口
搜索