jQuery EasyUI 面板(Panel)用法

星期五,2010 四 9 00:47:37

这篇文章介绍一下面板(Panel)用法以及参数,首先我们可以先看一下面板功能可以做什么,下图就是一个面板的实例。(查看演示

同样我们来通过一个小例子来学习一下这些参数,HTML代码如下:

  1. <div id="p" title="My Panel" collapsible="true" style="padding:10px;">
  2.   Panel Content
  3. </div>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里添加一行代码来生成面板:

  1. $('#p').panel(options);

阅读全文

   依洋 |  Javascript |  [3] |  浏览: 7,473次  

Google PR更新

星期三,2010 四 7 14:43:05

经过一个清明的小假期,回来一看,Google的PR更新了。这两天也一直不能上网,今天上网一看,真是令人不幸:IT驿站的PR首次走下坡趋势,从3下滑到2了。

在网上查了好多相关的报道,好像大部分的站长PR都是升了,先恭喜一下这些站长。极少数的站长写PR降低了,还有很多人分析说是因为加的友情链接太多,这些友情链接的内容和质量也会关系到PR 的数值。可是我站点里的友情链接其实也并不是很多,搞不明白了。

只能安慰自己在下一次PR更新的时候会再升起。网站PR只是个参考数据,做好网站内容以及用户体验才是硬道理,哈哈

   依洋 |  SEO |  [11] |  浏览: 1,532次  

jQuery EasyUI 可调整大小(Resizable)用法

星期三,2010 三 31 07:30:36

上一篇给大家介绍了jQuery EasyUI可拖动(Draggable)的具体用法,这一篇介绍一下课调整大小(Resizable)的用法以及参数的极少,同样我们来通过一个小例子来学习一下这些参数:(查看演示

HTML代码如下:

  1. <div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里添加一行代码即可:

  1. $('#rr').resizable(options);

其中 options 是可选的参数,可以写,也可以不写,下面再举个写参数的例子, 阅读全文

   依洋 |  Javascript |  [8] |  浏览: 2,991次  

jQuery EasyUI 可拖放(Draggable)用法

星期二,2010 三 30 16:36:49

jQuery EasyUI可以方便实现很多功能,这里将会介绍一下可拖动(Draggable)的具体用法,jQuery EasyUI不仅可以轻松实现DOM元素的拖动,而且可以使用一些参数让它的使用更加灵活,我们来通过一个小例子来学习一下这些参数:(查看演示

HTML代码如下:

  1. <div id="dd" style="width:100px;height:100px;border:1px solid #ccc;">
  2.     <div id="title" style="background:#ccc;">title</div>
  3. </div>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里添加一行代码即可: 阅读全文

   依洋 |  Javascript |  [0] |  浏览: 7,557次  

jQuery EasyUI框架使用文档

星期一,2010 三 29 17:25:42

jQuery EasyUI是一个基于jQuery实现的Web UI框架,用法非常简单,但是功能非常强大,使用它你可以使用很少的Javascript代码来制作适合自己的网页。

jQuery EasyUI示意图
主页:http://jquery-easyui.wikidot.com
下载:http://jquery-easyui.wikidot.com/download

这里介绍一下快速使用这个框架的方法:首先在你使用的HTML页面的头部需要包含一些CSS文件和JS文件:

  1. <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
  2. <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
  3. <script type="text/javascript" src="../jquery.easyui.min.js"></script></link>

阅读全文

   依洋 |  Javascript |  [8] |  浏览: 20,263次  

对UCenter不了解的朋友可以查看我之前的一篇《解读UCenter源码(一):目录结构》,下面我来继续讲解一下UCenter的另外一个非 常重要的文件:用户管理中心主文件,它位于Ucenter根目录下的admin.php。打开这个文件,我们可以发现里面的代码和务端接口函数库接口文件 的代码差不多。只有几个很小的地方不一样,也就是包含的类的文件不一样。所以大部分的内容大家可以参考我上一盘《解读UCenter源码(二):服务端接 口函数库接口文件》来阅读,我只把里面不一样的代码在这里解释一下。

首先,刚进入这个页面的时候,依然是定义了一下常量和环境变量,然后再 包含”model/base.php”之后,要比接口文件多包含一个admin的文件”require UC_ROOT.’model/admin.php’;”,这个文件是admin的一个基类,之后所有控制应用的类都是继承了这个类,而且在这个类里定义 了sid的加密和解密规则。阅读了上一篇接口文件的文章后,在传接口参数的时候有一个值是sid,也许有人还不了解sid是如何生成,并且包含哪些信息, 这里也顺便给大家提示一下,sid就是将$_SERVER['HTTP_USER_AGENT'],UC_KEY,IP还有用户名进行复杂编码后的产物。
阅读全文

   依洋 |  PHP |  [5] |  浏览: 1,877次