DWZ富客户端框架

现在的网页设计讲究啥？

界面好看，用户体验。

意味着啥？

一堆JS，写到你手软。

所谓富客户端，就是在B/S端做到C/S端效果，TAB,窗口拖拽。。。

写JS？ NO。。。试试DWZ吧。百度DWZ富客户端，基于JQUERY国人自己的开源框架。不需要你写JS，RIA思路，完全为美工设计。只需要你会DIV+CSS。一切都是那么的简单。

在线演示地址 http://dwz.duqn.com
在线文档 http://dwz.duqn.com/doc/dwz-user-guide.pdf
Google Code下载: http://code.google.com/p/dwz/

简单的DEMO

页面引入文件

<link rel="stylesheet" type="text/css" href="themes/default/style.css"/>
<link rel="stylesheet" type="text/css" href="themes/css/core.css"/>
<!--[if IE]>
<link href="themes/css/ieHack.css" rel="stylesheet" type="text/css" media="screen"/>
<![endif]-->
<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="bin/dwz.min.js" type="text/javascript"></script>

唯一的一段JS，初始化代码

<script type="text/javascript">
$(function(){
DWZ.init("dwz.frag.xml", {
callback:function(){
initEnv();
}
});
});
</script>

body里面的内容

<div id="layout">
<div id="navTab" class="tabsPage">
<ul class="navTab-tab">
<a href="test3.php" target="dialog" height="50" rel="test3" title="test1">一行html实现dialog</a>
</ul>
</div>

</div>

要实现dialog的效果，一行HTML代码搞定,不需要写任何js.

看看界面效果

dialog可以最大化窗口，最小化窗口，可拖拽，下面还有个类似windows工具条的ban。

简单吧。再也不要为了写JS痛苦了。



更多精彩内容看API去吧。

要实现suggest也SO EASY哦。

废话一句：所谓suggest，就是类似google,baidu那种随便输入一个什么字，自动提示用户有些什么关键字的效果。用户体验非常好。