ASP按钮菜单制作实例_Web开发_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

ASP按钮菜单制作实例

作者：闵涛文章来源：闵涛的学习笔记点击数：668 更新时间：2009/4/23 10:27:22

　　按钮菜单可以在许多网站见到，比如Microsoft的SQL Server网站。当鼠标移到菜单按钮上时，它会浮起来，按下鼠标键时菜单按钮会向下凹陷。下图是这种菜单的实际效果，左边是SQL Server网站的菜单，下图是本文实例。

　　这种菜单可以用JavaScript和CSS制作。为方便起见，这里我们要用到ASP。
本例共有六个文件，请从本文页面底部的链接下载这些文件。这六个文件是：

　　（一）　SamplePage.asp：这是本例显示菜单的页面。

　　设所有代码在本地服务器inetpubScripts目录下，则用http://localhost/Scripts/SamplePage.asp可以打开上图所显示的示例菜单?br> SamplePage.asp用#Include命令引用menu.asp生成菜单。

　　（二）　Menu.asp：调用Functions.inc中的函数生成菜单。具体调用方法参见下文说明。

　　（三）　Menu.css：该文件包含了按钮所有状态的样式定义。按钮共有四种类型：正常，正常子菜单，选择状态，选择状态子菜单。其中“选择状态”是指按钮文本前面带一个圆点，子菜单是指文本缩进一定距离。每种按钮有各种不同状态，例如鼠标悬停时的浮起状态，鼠标按下时的凹陷状态，等等。可以为所有按钮的各种状态分别定义样式。改变这里样式的颜色也即改变了菜单的颜色。

　　（四）　Menu.js：这是客户端脚本代码。这里的代码负责响应鼠标事件，改变按钮的外观。其中RaiseButton()函数升高按钮，DepressButton()函数压下按钮。

　　（五）　linenavdns.gif：这是高度为2 pixel的图形，用于分隔菜单按钮。它和< HR>差不多，但似乎更好看一点。如果改变了菜单的背景颜色，必须同时改变这个图形的颜色。

　　（六）　functions.inc：服务器端脚本。functions.inc总共包含5个VBScript子过程，分别用来输出前面介绍的四种按钮和菜单分隔符linenavdns.gif。如果在menu.css中改变了按钮文本的颜色，同时也要改变这里的一些函数。参见下文具体说明。

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程：在InterDev中实现网上购物推车

下一篇教程：用ASP编写网络传呼机

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……