通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4&5教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
最近更新:
网页编辑
相关内容

在 Web 页 面 上 制 作 WINDOWS 风 格 的 菜 单

 

李启拴
  随着Internet应用的发展,网页的制作技术已成为人们关注的热点,如何设计出界面美观、下载速度快、操作方便、信息密集度高的WEB页面成为页面制作者的最终目标。下面给大家介绍一种在WEB页面上制作菜单的方法,这种方法有如下一些优点:

  * 仿WINDOWS中的菜单风格。

  *下载速度快,它仅是由DHTML代码构造出来的,因此页面的字节数很小。

  * 易于动态维护菜单的栏目数及子菜单中的项目数。

  * 可实现多级菜单。

  一、这种制作方法主要涉及以下一些基本知识:

  1、DHTML:它是基于HTML和CSS(Cascading Style Sheet),HTML就是我们一般所写的超文本标记语言,CSS指的是页面上的每个元素都具有一个Style属性,通过改变Style属性,可动态地改变页面上各元素的显示属性。设置方法如下:

  如在HTML文件中有一段文本:

   <p> Some Text Here </p>

  为了通过CSS来控制这一段文本,需要修改它的属性:

  

   <p id=txttitle1" style= font-size:50px;color: green>Some Text Here</p>

  

  其中id 是给该段文本定义了一个参考名,从而就可通过该ID在JSCRIPT或VBSCRIPT中引用它;style即是定义的CSS,它包含很多属性项,如上例中的font-size、color,在SCRIPT中可以动态地来改变这些属性项,从而实现动态改变显示风格的效果,它的语法如下:

  

  style=”属性名1:属性值1;属性名2:属性值2;......;”

  

  下面是本例中所用到的几个CSS属性:

  color:指定元素的字体颜色。

  background-color:指定元素的背景颜色。

  Position:指定元素的定位方式,缺省情况下是顺序定位,即各个元素顺序排列,如果要指定某一元素显示在屏幕上的某一确定位置,则应指定position属性为绝对定位方式,即position:absolute。

  Top:元素的左上角距窗口上边框的距离。

  Left:元素的左上角距窗口左边框的距离。

  Cursor:光标类型。

  Filter:实现滤镜效果。

  2、DHTML中的事件触发机制:onclick,onload,onfilterchange等等。

  3、DHTML的目标模型:是目标的树形结构,如同在Windows文件系统中的路径一样,参考一个文件时要指定其路径,同样在DHTML中参照页面上的某个元素时,要指定其层次路径,一般表示为:document.all.元素ID.属性。

  4、Vbscript或Jscript:这是DHTML中内部的操作语言,因此要了解其语法、函数等。

  下面是一个实例,具体来介绍一下这种菜单的实现方法。

  上述代码实现的效果如图1所示。

  (图注WEB-1) 图1

  需要说明的几个问题:

  * 在以上例子中,为了减小代码的长度,已将弹出菜单简化成了一个,即弹出的菜单都一样。

  * 上例中,代码看起来很多,事实上整个页面才5134字节,制作起来也很容易,大部分工作只是拷贝和粘贴。

  * 如果您想在自己的机器上演示一下上述效果,则只需要将上例中的代码拷贝下来,然后另存为一个HTML类型(如 menu.htm)的文件,然后用鼠标双击该文件即可看到这种效果,也可访问http://liqishuan.163.net/menu.htm 直接看到。

网页制作探源
网页侦测四法
网页字体的美化
网页制作常见问题解答[一]
网页制作常见问题解答[二]
网页制作常见问题解答[三]
网页制作常见问题解答[四]
网页制作常见问题解答[五]
“画中画”效果---谈Iframe标记的使用
Html保持用户状态的多种方法比较
DOC转换为HTML后的变化
超链“确认”对话框
制作个人首页的窍门
如何在网页上输入中文日期
禁止查看原代码
网页减肥超强工具组合
CuteFTP最新实用技巧
在网页上实现文字闪烁
向网页施展文字魔法
怎么弹出一个新的窗口
在Web页面上制作WINDOWS风格的菜单
 
 
 
 
 
 
 
教程站
收集整理
服务大家



月光软件源码下载编程文档电脑教程网站优化网址导航网络文学游戏天地生活休闲写作范文安妮宝贝站内搜索
电脑技术编程开发网络专区谈天说地情感世界游戏元素分类游戏热门游戏体育运动手机专区业余爱好影视沙龙
音乐天地数码广场教育园地科学大观古今纵横谈股论金人文艺术医学保健动漫图酷二手专区地方风情各行各业

月光软件站·版权所有