当前位置: 首页

jQuery EasyUI 菜单(Menu)用法

星期四,2010 四 29 22:24:43

这篇介绍一下菜单(Menu)用法以及参数，首先我们可以先看一下菜单的显示效果，下图就是一个布局的实例。（查看演示）



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

  1. <div id="mm" style="width:120px;">
  2. <div>New</div>
  3. <div>
  4. <span>Open</span>
  5. <div style="width:150px;">
  6. <div><b>Word</b></div>
  7. <div>Excel</div>
  8. <div>PowerPoint</div>
  9. </div>
  10. </div>
  11. <div icon="icon-save">Save</div>
  12. <div class="menu-sep"></div>
  13. <div>Exit</div>
  14. </div>

阅读全文

   依洋 |  Javascript |  [0] |  浏览: 4,475次  

jQuery EasyUI 布局(Layout)用法

星期四,2010 四 29 00:02:54

这里介绍一下布局(Layout)用法以及参数，首先我们可以先看一下布局功能可以做什么，下图就是一个布局的实例。（查看演示一 ｜ 演示二 ｜ 演示三 ）

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

  1. <div id="cc" style="width:600px;height:400px;">
  2.     <div region="north" title="North Title" split="true" style="height:100px;"></div>
  3.     <div region="south" title="South Title" split="true" style="height:100px;"></div>
  4.     <div region="east" icon="icon-reload" title="East" split="true" style="width:100px;"></div>
  5.     <div region="west" split="true" title="West" style="width:100px;"></div>
  6.     <div region="center" title="center title" style="padding:5px;background:#eee;"></div>
  7. </div>

阅读全文

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

取消JavaScript事件的冒泡行为

星期三,2010 四 28 12:17:41

在用javascript为DOM元素添加事件的时候，经常会遇到事件的冒泡行为，所谓冒泡行为就是如果一个页面有多层DOM控件嵌套的时候，就会建立父子关系，当父div与子div共同加入了onclick事件时，当触发子DOM的onclick事件后，子DOM进行相应的js操作。但是父div的onclick事件同样会被触发。这就造成了事件的多层并发，导致了页面混乱。

所以如果只希望事件帮定到目标元素上，就需要取消事件的冒泡行为。下面提供的方法可以兼容各个浏览器来取消事件的冒泡行为。支持W3C的取消事件冒泡方法是stopPropagation()，IE浏览器取消事件冒泡的方法cancelBubble。

/*
* 功能:停止事件冒泡
*/
function stopBubble(e){
if(e&&e.stopPropagation){
//支持W3C的取消事件冒泡方法
e.stopPropagation();
}else{
//IE浏览器取消事件冒泡的方法
window.event.cancelBubble = true;
}
}
阅读全文

   依洋 |  Javascript |  [7] |  浏览: 2,526次  

jQuery EasyUI 可折叠标签(Accordion)用法

星期二,2010 四 20 22:29:54


（查看演示）
HTML Code

  1. <div id="aa" style="width:300px;height:200px;">
  2.     <div title="Title1" icon="icon-save" style="overflow:auto;padding:10px;">
  3.         <h3 style="color:#0099FF;">Accordion for jQuery</h3>
  4.         <p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>
  5.     </div>
  6.     <div title="Title2" icon="icon-reload" selected="true" style="padding:10px;">
  7.         content2
  8.     </div>
  9.     <div title="Title3">
  10.         content3
  11.     </div>
  12. </div>

阅读全文

   依洋 |  Javascript |  [8] |  浏览: 5,355次  

jQuery EasyUI 标签(Tabs)用法

星期六,2010 四 17 09:59:45

这里介绍一下标签(Tabs)用法以及参数，首先我们可以先看一下面板功能可以做什么，下图就是一个面板的实例。（查看演示）

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

  1. <div id="tt" style="width:500px;height:250px;">
  2.     <div title="Tab1" style="padding:20px;display:none;">
  3.         tab1
  4.     </div>
  5.     <div title="Tab2" closable="true" style="overflow:auto;padding:20px;display:none;">
  6.         tab2
  7.     </div>
  8.     <div title="Tab3" icon="icon-reload" closable="true" style="padding:20px;display:none;">
  9.         tab3
  10.     </div>
  11. </div>

阅读全文

   依洋 |  Javascript |  [8] |  浏览: 7,064次  

PHP遍历文件目录

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

最近几天正在找PHP工作，把遇到的一些面试题在这里晒晒！
前两天有一道题是这样的：用PHP遍历目录下的所有文件和目录。

这道题主要考察文件函数的操作和递归函数的运用，下面用两种方法实现一下：

第一种实现办法：用dir返回对象

  1. function tree($directory){
  2. $mydir=dir($directory);
  3. echo "<ul>\n";
  4. while($file=$mydir->read()){
  5. if((is_dir("$directory/$file")) AND ($file!=".") AND ($file!="..")){
  6. echo "<li><font color=\"#ff00cc\"><b>$file</b></font></li>\n";
  7. tree("$directory/$file");
  8. }else{
  9. echo "<li>$file</li>\n";
  10. }
  11. }
  12. echo "</ul>\n";
  13. $mydir->close();
  14. }
  15. $dir = '/var/www/evan';
  16. tree($dir);

阅读全文

   依洋 |  PHP |  [4] |  浏览: 2,794次  
9/29第一页上一页6789101112下一页最后一页