15 个 JavaScript Web UI 库
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI
库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI
库,非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe
UI
基于 Prototype Javascript 框架
,包含了
一整套经严格测试并高度可扩展的 UI 控件,拥有很好的文档,在不支持 JavaScript 的环境中,可以无缝降级使用。包括 Tab,
窗体,文本框,多选框,评分控件,进度条,滚动条,右键菜单等多种控件。
LivePipe
首页与下载
LivePipe
演示与示例
UKI
UKI
是一套简单的 JavaScript UI 工具集,用于快速创建桌面风格的 Web 应用。包含的控件从滑动条,到分栏视图,不一而足。熟悉 jQuery
的开发者会发现这个工具很容易上手,非常简洁,无需安装框架,不依赖 CSS 引用。
UKI
主页与下载
UKI
控件,演示,示例
MochaUI
MochaUI
是 MooTools
Javascript 框架
与 ExplorerCanvas 的一个备受欢迎的扩展,可以用来快速创建 Web 应用,Web
桌面,网站,饰件,独立 Windows,Modal 对话框等等。
MochaUI
主页与下载
MochaUI
控件,演示,示例
中文编译来源:锐商企业CMS
网站内容管理系统
官方网站
Sigma Ajax UI Builder
SigmaVisual
是一套基于 Web 的,所见即所得的 AJAX UI 创建工具,包含超过40个不见,如 Tab,对话框,树形图,时间线等,基于
JavaScript 和 PHP。
Sigma Ajax
UI Builder
主页和下载
Sigma
Ajax UI Builder
控件,演示和示例
JxLib based MooTools
JxLib
是一个基于 MooTools
的 JavaScript UI 框架,包含多数 Web 程序都需要的基本空间,如按钮,Tab,菜单,树形结构,对话框等等。JxLib
还支持换肤功能。
JxLib
主页与下载
JxLib
控件,演示与示例
Dijit – The Dojo Toolkit
Dijit
基于 Dojo
,也是学习 Dojo
扩展的一个好起点。可以用来创建非常漂亮的 Web 2.0 GUI。支持多语种,甚至支持不同语种的文字书写方向以及本地化数字,日期等等。
Dijit
主页,下载
Dijit
控件,演示,示例
jQuery TOOLS
jQuery Tools
是一个非常轻量(2.5kb)的常用 UI 库,支持以下 jQuery 对象,Tabs, 工具提示,滚动条,层,表单以及 Flash 嵌套。
jQuery TOOLS
主页与下载
jQuery TOOLS
控件
相关文档:
最近做一个公司的业务系统,公司要求能尽可能的与c/s近似,也就是如c/s一样,点击文本框可以弹出此项目的相关内容,进行选择输入。
我使用了弹出窗口,然后在子窗口双击选中项目,把选中的值返回给父窗体。
在系统做完了之后,在客户使用的过程,由于客户使用的是512m ......
CDATA 内部的所有东西都会被解析器忽略。
假如文本中包含了大量的 "<" 和 "&" 字符 - 就像编程代码中经常出现的情况一样 - 那么这个 XML 元素就可以被定义为一个 CDATA 部分。
CDATA 区段开始于 "<![CDATA[",结束于 "]]>":
<script type="text/javascript">
<![CDATA[
function compare(a,b)
......
非模态刷新父页面:window.opener.location.reload();
模态刷新父页面:window.dialogArguments.location.reload();
先来看一个简单的例子:
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。
frame.html 由上(top.html)下(bo ......
javascript事件列表解说
事件 浏览器支持 解说
一般事件 onclick IE3、N2 鼠标点击时触发此事件
ondblclick IE4、N4 鼠标双击时触发此事件
onmousedown IE4、N4 按下鼠标时触发此事件
onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件
onmouseover IE3、N2 当鼠标移动到某对象范围的上方时触发此事件
onmou ......
事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
窗体活动元素
d ......