相关文章
北京网站制作Links(HREF元素)的click方法
北京网页设计用CSS制作具有亲和力的表单
北京网站建设实例：学习CSS进行网页布局
网站建设勇往直前:Photoshop打造NBA LOGO
网站设计Photoshop“索引颜色”位图转为矢量图
企通互联photohop画笔描边打造迷幻光影
北京网页设计asp网页提升速度方法5则
网页设计怎么让按钮更容易被点击
网站设计鲜招:确保客户端能访问到最新的网页
北京网站建设网站建设之做网站后台的流程
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网页设计www.qt-net.com利用javascript创建功能强大的GUI(4)
网页设计www.qt-net.com利用javascript创建功能强大的GUI(4)
作者： 北京网站建设 日期：2008-03-27 06:14:07 来源： http://www.qt-net.com
资深北京网站建设公司企通互联,专业致力于北京网站建设,北京网站制作,北京网站设计,北京网页设计领域,千余网站建设案例，公司拥有国内一流的网站建设、网站制作、网页设计团队，如果您已经有网站的,看看我们精美的网站建设案例也无妨.北京网站建设网址：http://www.qt-net.com
=======================================================================================
读者可能已经注意到，我们在样式表中使用了三种系统颜色引用：buttonface、buttonshadow和buttonhighlight。通过将buttonface作为工具栏和按钮的背景色，我们可以使用用户得到与其他应用软件相同的界面外观。用buttonshadow 网站制作和 企通互联buttonhighlight色创建边界，通过编写简单的JavaScript函数，就能使按钮具有3D效果。当然，如果想使该GUI更与网站而不是用户的浏览器匹配，可以更换适当的颜色。 北京网站设计
北京网站制作
能够改变按钮样式的JavaScript下面的四个函数供事件处理程序在改变鼠标事件图像的类名时使用。尽管可以把JavaScript www.qt-net.com代码编写成嵌入式的，但我们把它们组织进一个函数中，方便以后添加其他功能。北京网站建设
网站制作
function mouseover(el) {网站建设
el.className = "raised";北京网站设计
}北京网站制作
网页设计
function mouseout(el) {网站设计 北京网站建设
el.className = "button";www.qt-net.com
}北京网页设计
北京网站制作
function mousedown(el) {北京网站设计
el.className = "pressed";www.qt-net.com
}北京网站设计
北京网站建设
function mouseup(el) {北京网站设计 北京网站制作
el.className = "raised";北京网页设计
} 网站建设北京网站建设
北京网站设计
现在剩下的工作就是将这些函数与包含工具栏、图像、文本域的HTML代码组合在一起： 企通互联
企通互联
北京网页设计 北京网站设计
|
|
北京网站制作
能够改变按钮样式的JavaScript下面的四个函数供事件处理程序在改变鼠标事件图像的类名时使用。尽管可以把JavaScript www.qt-net.com代码编写成嵌入式的，但我们把它们组织进一个函数中，方便以后添加其他功能。北京网站建设
网站制作
function mouseover(el) {网站建设
el.className = "raised";北京网站设计
}北京网站制作
网页设计
function mouseout(el) {网站设计 北京网站建设
el.className = "button";www.qt-net.com
}北京网页设计
北京网站制作
function mousedown(el) {北京网站设计
el.className = "pressed";www.qt-net.com
}北京网站设计
北京网站建设
function mouseup(el) {北京网站设计 北京网站制作
el.className = "raised";北京网页设计
} 网站建设北京网站建设
北京网站设计
现在剩下的工作就是将这些函数与包含工具栏、图像、文本域的HTML代码组合在一起： 企通互联
企通互联
北京网页设计 北京网站设计
上一篇：北京网站设计javascript基础实例:如何计算24点(4)
下一篇：北京网站设计源码学习:一个简单的日历控件(9)