TaskMenu3.0(仿xp界面)

王朝百科·作者佚名  2010-03-08  
宽屏版  字体: |||超大  

TaskMenu3.0(仿xp界面)

此程序使用js和htm实现,可以方面的使用到您的网站上。界面美观漂亮,完全模仿windows xp的侧边栏,效果非常不错,有三种风格可供选择。

演示请看:/demo/taskmenu/

新特点:

(1) 重新设计的数据结构,使用了更合理的双向链表,代替了旧版本的父子包含结构,更容易以后扩展。

(2) 重新设计了控制函数接口,更方便使用者。

(3) 通过重写css样式文件,就可以换菜单肤表,不需要刷新,并可自定义样式。

(4) 兼容最新的firefox 浏览器。

使用特点:

菜单有一些比较特殊的地方,跟前两个版本不同的是,在构建TaskMenu类之后,必须调用init方法,才可以让

菜单显示。在调用init方法之前add的条目,会立即显示,而在init后添加的或使用中动态添加的,都会以动态效果

添加到菜单。

菜单的动作基本分为open(伸出),close (缩回),extend (变长),shorten(变短);

四种操作可同时加载在同一个菜单,而且同一个操作可加载在多个菜单上。 也可算上是异步操作。

但open和close 其中响应一种操作只会停止之前操作,毕竟菜单要么打开,要么关闭。

extend 和 shorten 同上。

同一个菜单条目添加到不同的菜单,之后添加的是该条目的科隆版本。 如果你要返回该菜单变量建议您直角调用cloneNode函数。

var item = new TaskMenuItem("条目");

var menu1 = new TaskMenu("菜单");

var menu2 = new TaskMenu("菜单");

menu1.add(item);

menu2.add(item); 同item被两次添加,这里实际隐式的调用的是 menu2.add(item.cloneNode ());

这样如果您要调用 menu2.remove(item);是不会成功的。因为被添加的是科隆条目,并不是item变量,引用不一致。

解决办法就是 调用 menu2.remove(menu2.items(0)); menu2.item(0)方法返回的就是那个被科隆的版本,

因为它是第一条目。或者直接调用科隆方法。

var item1 = new TaskMenuItem("条目");

var item2 = item.cloneNode();

 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝百科 版权所有