|
W3C组织(www.w3c.org)定义的新的HTML 4.0规范给每一个网页设计者带来了更强大的工具，这是一项影响所有网络开发者和设计者的变化，许多在过去想都不敢想的动态效果，如今借助于DHTML和CSS可以轻而易举地实现，这里就网页编制过程中一些效果的实现加以详述，希望您能够借以活跃一下您的网页。
* 菜单技术
访问过Microsoft和Macromedia站点的人如果细心的话，一定会注意到其中的菜单技术，点击一下出现子菜单，再点一下隐去子菜单，很是有趣和实用。笔者分别下载了这两个页面，在对源码进行分析之后，发现他们用的并不是同一种方法，而且两种方法各有利弊，下面让我们来看一下他们都是如何实现的。
Macromedia 采用的是多页技术。就是先做一个没有展开项的主菜单的页面，然后分别制作每一个主菜单项展开后的页面，主菜单有多少项，就得做多少个子页面与之相对应。下面我们举个简单的例子加以说明：
<html>
<head>
<title>A menu example</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<a name="abc"></a><p>
<a href="menu_2.htm#abc"><b>Click here!</b></a>
</body>
</html>
<html>
<head>
<title>A menu example</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<p><a name="abc"></a></p>
<p><a href="menu_1.htm#abc">
<b>Click here!</b></a> </p>
list 1
list 2
list 3
</body>
</html>
点击图1中的Click here!就会出现图2的效果。具体实现时，一定要注意标签<a name=" ">的定义和使用，要做到一一对应，否则就会乱套。另外，
[1] [2] [3] [4] [5] [6] [7] 下一页 |
