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那种随便输入一个什么字，自动提示用户有些什么关键字的效果。用户体验非常好。

转载于:https://www.cnblogs.com/zbasic/archive/2012/03/11/2389724.html