Ext js框架模拟Windows桌面菜单管理模板

一款超炫的后台,Ext模拟Windows桌面,Ext经典浅蓝风格,功能非常强大,包括最大化、最小化、状态栏、桌面图标等,不过需要非常懂Ext脚本的才可驾驭它。
?

1.图片


?2. [代码][HTML]代码  
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ext 2.0 Desktop Sample App</title>
 
    <link rel="stylesheet" type="text/css" href="css/ext-all.css" />
    <!-- GC -->http://www.huiyi8.com/qqtouxiang/?
    <!-- LIBS -->
    <script type="text/javascript" src="js/ext-base.js"></script>
    <!-- ENDLIBS -->
 
    <script type="text/javascript" src="js/ext-all.js"></script>
 
    <!-- DESKTOP -->
    <script type="text/javascript" src="js/StartMenu.js"></script>
    <script type="text/javascript" src="js/TaskBar.js"></script>
    <script type="text/javascript" src="js/Desktop.js"></script>
    <script type="text/javascript" src="js/App.js"></script>
    <script type="text/javascript" src="js/Module.js"></script>
    <script type="text/javascript" src="sample.js"></script>
 
    <link rel="stylesheet" type="text/css" href="css/desktop.css" />
</head>qq头像
<body scroll="no">
 
<div id="x-desktop">
    <a href="http://extjs.com" target="_blank" ><img src="images/powered.gif" /></a>
 
    <dl id="x-shortcuts">
        <dt id="grid-win-shortcut">
            <a href="#"><img src="images/s.gif" />
            <div>Grid Window</div></a>
        </dt>
        <dt id="acc-win-shortcut">
            <a href="#"><img src="images/s.gif" />
            <div>Accordion Window</div></a>
        </dt>
    </dl>
</div>
 
<div id="ux-taskbar">
    <div id="ux-taskbar-start"></div>
    <div id="ux-taskbuttons-panel"></div>
    <div class="x-clear"></div>
</div>
 
</body>
</html>

?

Ext js框架模拟Windows桌面菜单管理模板

时间: 2025-01-15 04:38:49

Ext js框架模拟Windows桌面菜单管理模板的相关文章

利用多叉树实现Ext JS中的无限级树形菜单(一种构建多级有序树形结构JSON的方法)

一.问题研究的背景和意义 目前在Web应用程序开发领域,Ext JS框架已经逐渐被广泛使用,它是富客户端开发中出类拔萃的框架之一.在Ext的UI控件中,树形控件无疑是最为常用的控件之一,它用来实现树形结构的菜单.TreeNode用来实现静态的树形菜单,AsyncTreeNode用来实现动态的异步加载树形菜单,后者最为常用,它通过接收服务器端返回来的JSON格式的数据,动态生成树形菜单节点.动态生成树有两种思路:一种是一次性生成全部树节点,另一种是逐级加载树节点(利用AJAX,每次点击节点时查询下

Ext JS框架

1.numberfield textfield用法 textfield的用法示例 var formCmp = Ext.create("Ext.form.Panel", { title: "NumberField用法示例", x: 30, y: 30, width: 500, height: 300, bodyPadding: 5, frame: true, defaultType: "textfield", fieldDefaults: { la

Ext JS 6学习文档–第1章–ExtJS入门指南

Ext JS 入门指南 前言 本来我是打算自己写一个系列的 ExtJS 6 学习笔记的,因为 ExtJS 6 目前的中文学习资料还很少.google 搜索资料时找到了一本国外牛人写的关于 ExtJS 6 的电子书 [Ext JS 6 By Example].这份资料在 PACKT 上卖 35.99 刀的,当然了万能的 google 还是帮我下载到了 PDF 文档.大概看了一下,讲的很详细,例子也比较简单,容易理解,现我准备利用工作之余翻译这份文档,为自己学习加深理解,也希望能帮助更多的人学习.

运用 Ext JS 4 的 MVC 架构

http://www.open-open.com/lib/view/open1350386395227.html http://www.ibm.com/developerworks/cn/web/1210_wangzh_extjsmvc/index.html Ext JS 4 简介 Ext JS 4 目前是 Sencha 的产品,4.x 的正式版本号是 4.0.7.Ext JS 4 提供商业版本,但如果您的项目是开源的,则可以免费使用 Ext JS 4.Ext JS 的论坛目前非常活跃:Ext

Ext JS实战(第2版)——互动出版网

这篇是计算机类的优质预售推荐>>>><Ext JS实战(第2版)> Ext JS社区专家合力打造,开发富Web应用必备! 编辑推荐 本书由Ext JS社区三位专家合力打造,全面介绍了灵活而强大的Ext JS框架.全书不仅深入浅出地介绍了基础知识.工作原理和类系统,更结合完整的示例.丰富的插图解读了其核心组件,让你仿佛在专家的亲手指导下学习并实践. 通过学习,你将真正掌握这个成熟的JavaScript Web应用框架,用它丰富而漂亮的UI组件缩短开发周期,构建优雅布局,轻

【转载】《Ext JS 4 First Look》翻译之一:新特性

免责声明:     本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除.     原文作者:^_^肥仔John      原文地址:http://www.cnblogs.com/fsjohnhuang/archive/2013/01/29/2880705.html 第一章 新特性 Extjs 4相对于之前的版本作出了重大的修正.其中包括全新的类系统.新平台的引入.API的修整和加强还有新组件的引入(如新的图表和图形组件).Extjs 4提供更快速.更稳定的用户体验,

谈谈Ext JS的组件——组件基类:Ext.Component

概述 Ext.Component是所有Ext组件的基类,这在Ext.Component的API中第一句话就提到了.然后第二段说明了它包含的基本功能:隐藏/显示.启用/禁用以及尺寸控制等.除了以上这些基本功能,其实还包含了很多东西.当然,在API中不可能面面俱到,那么,我们应当如何去理解这个组件基类呢? Ext.Component===DIV 如果将一个Ext.Component渲染到页面,会看到该组件会简单的在页面中添加一个DIV标记,就是这么简单.也就是说,Ext.Component就相当于一

读《Ext.JS.4.First.Look》随笔

Ext JS 4是最大的改革已经取得了Ext框架.这些变化包括一个新类系统,引入一个新的平台,许多API变化和改进,和新组件,如新图表和新画组件.Ext JS 4是更快,更稳定,易于使用.(注意:Ext JS 3和4 Ext JS兼容性) ┣ 在Ext JS 4中,每一个类都放在包和命名空间,基于它功能.例如,PagingToolbar.工具栏.垫片和其他工具栏-相关类现在分成新的工具栏包.--API文档只允许搜索类 ┣ 对于开发和测试,推荐使用ext.js,因为它将只使用所需的Ext JS代码

大量多风格多功能后台管理模板

最近在做网站后台,在网上找了大量的后台的模版,觉得还不错,拿出来给大家分享一哈.... 1.     点击下载 多风格多功能后台管理模板 2.   点击下载 专业银行结算系统后台模板 3.   点击下载 超漂亮的电子商务管理平台模板 4.    点击下载 dedecms绿色后台html版 5.    点击下载 一款不错的网络办公系统登录页面 6.    点击下载 网站管理系统后台模板 7.    点击下载 汽车美容连锁网站管理系统模板 8.    点击下载 网站后台管理系统模板 9.    点击