让你的网页活跃起来 -电脑资料

电脑资料 时间:2019-01-01 我要投稿
【www.unjs.com - 电脑资料】

  W3C组织(http://www.w3c.org4.0规范给每一个网页设计者带来了更强大的工具,这是一项影响所有网络开发者和设计者的变化,许多在过去想都不敢想的动态效果,如今借助于DHTML和CSS可以轻而易举地实现,这里就网页编制过程中一些效果的实现加以详述,希望您能够借以活跃一下您的网页,

让你的网页活跃起来

  *菜单技术

  访问过Microsoft和Macromedia站点的人如果细心的话,一定会注意到其中的菜单技术,点击一下出现子菜单,再点一下隐去子菜单,很是有趣和实用。笔者分别下载了这两个页面,在对源码进行分析之后,发现他们用的并不是同一种方法,而且两种方法各有利弊,下面让我们来看一下他们都是如何实现的。

  Macromedia采用的是多页技术。就是先做一个没有展开项的主菜单的页面,然后分别制作每一个主菜单项展开后的页面,主菜单有多少项,就得做多少个子页面与之相对应。下面我们举个简单的例子加以说明:

  Amenuexample

  Clickhere!

  Amenuexample

  Clickhere!

  list1

  list2

  list3

  点击图1中的Clickhere!就会出现图2的效果,

电脑资料

让你的网页活跃起来》(https://www.unjs.com)。具体实现时,一定要注意标签的定义和使用,要做到一一对应,否则就会乱套。另外,当菜单项很多时,记住只有当前列出的子菜单处用来定义,别的主菜单项应分别链接到它相应展开的页面去。

  这种方法实现得很简单,一般人很快就能掌握,而且任何浏览器均可支持,但它的缺点也是明显的。首先是慢,来回调用各个页面必然带来长时间的等待,只有页面上都是文字时,才感觉不到停滞;再就是编制困难,虽然技术简单,但是一个一个地制作实在是有点麻烦。因此,这种技术还是有一定的局限性的。

  Microsoft采用的是DHTML技术。DHTML是比较新的技术,因此对于一些“古老”的浏览器来说,这种菜单实现方式就无能为力了。

  我们还是举个例子来说明一下。

  如图3,单击ProductServices立刻就出现了下面的菜单,再点一下又隐去了,和Macromedia的一样,不同的是仿佛快了许多,它的源代码如下。

  WelcometoMicrosoft'sHomepage

  .NV1{font-family:Arial;font-weight:bold;font-size:.9em;cursor:hand;margin-top:10;text-indent:-14;margin-left:14;}

  .NV2{position:relative;font-size:.9em;font-weight:normal;}

 

最新文章