首 页 ┆ 源码下载 ┆ IT学院 ┆ 字体下载 ┆ 模板下载 ┆ 源码发布 ┆ 广告合作 ┆ 网站地图 ┆ 虚拟主机 ┆ 中文域名
► 设为首页
► 加入收藏
► 联系我们
源码下载 >> ASP源码 | PHP源码 | ASP.net源码 | JSP源码 | CGI源码 | VC/C++源码 | VB源码 | Delphi源码 | Flash源码
文章学院 >> 网络编程 | 网页设计 | 图形图象 | 数据库 | 服务器 | 网络媒体 | 网络安全 | 操作系统 | 办公软件 | 软件开发 | 黑客知识
字体下载 >> 精制字体 | 非英字体 | 艺术字体 | 著名字体 | 哥特式 | 简单字体 | 手写体 | 节假日 | 图案字体 | 精度像素 | 中文字体
模板下载 >> 企业门户 | 数码网络 | 休闲娱乐 | 影视音乐 | 旅游名胜 | 文化艺术 | 电子商务 | 个性展示 | 登陆导航 | Flash模板
►►您当前的位置：源码园 → IT学院 → 网页设计 → 网页特效 → 文章内容

利用JavaScript创建功能强大的GUI(4)

作者：郁郁小蝎  来源：中国站长学院  发布时间：2007-2-6 20:04:53
　　读者可能已经注意到，我们在样式表中使用了三种系统颜色引用：buttonface、buttonshadow和buttonhighlight。通过将buttonface作为工具栏和按钮的背景色，我们可以使用用户得到与其他应用软件相同的界面外观。用buttonshadow和buttonhighlight色创建边界，通过编写简单的JavaScript函数，就能使按钮具有3D效果。当然，如果想使该GUI更与网站而不是用户的浏览器匹配，可以更换适当的颜色。

　　能够改变按钮样式的JavaScript下面的四个函数供事件处理程序在改变鼠标事件图像的类名时使用。尽管可以把JavaScript代码编写成嵌入式的，但我们把它们组织进一个函数中，方便以后添加其他功能。

function mouseover(el) {
el.className = "raised";
}

function mouseout(el) {
el.className = "button";
}

function mousedown(el) {
el.className = "pressed";
}

function mouseup(el) {
el.className = "raised";
}

与HTML进行整合

　　现在剩下的工作就是将这些函数与包含工具栏、图像、文本域的HTML代码组合在一起：

[] [返回上一页] [打 印]
  • 上一篇文章：利用JavaScript创建功能强大的GUI(3)
  • 下一篇文章：利用JavaScript创建功能强大的GUI(5)

    • 相关文章：
  • 用Delphi4实现风Word97格的工具栏
  • 利用javascript实现select的美化的实例
  • 利用JAVA语言实现支持视频点播的WEB服务器(5)
  • 利用JAVA语言实现支持视频点播的WEB服务器(4)
  • 利用JAVA语言实现支持视频点播的WEB服务器(3)
  • 利用JAVA语言实现支持视频点播的WEB服务器(2)
  • 利用JAVA语言实现支持视频点播的WEB服务器(1)
  • [图文]利用JAVASCRIPT制作简单动画
  • 利用JavaScript制作倒计时牌
  • [图文]利用JavaScript创建功能强大的GUI(5)
  • 利用JavaScript创建功能强大的GUI(4)
  • 利用JavaScript创建功能强大的GUI(3)
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 源码发布
Copyright © 2003-2009 Ymyasp.Com. All Rights Reserved .
备案序号:粤ICP备07029071号