浅显的web 系统实现

桌面是一个div,叫它桌面div。这种叫法类推,于是还有图标div,功能栏div,app运行div,正在运行的app标签div。

 

布局方面:

功能栏div的z-index为3;图标div,app运行div,正在运行的app标签div的z-index为1;桌面div的z-index为0。被点击的app运行div的z-index为2。

功能栏div和桌面div是并列关系;桌面div 包含 图标div,app运行div,正在运行的app标签div。图标div,app运行div,正在运行的app标签div并列。

 

基本事件方面 :

图标div,可托拽;鼠标移到图标div,图标div背景色会变;鼠标点击图标div,触发app运行div。

app运行div,可拖拽,可调整大小,可最大化和最小化,以及关闭;被点击时,z-index为2。

功能栏div,固定,暂时不能拖拽,不能改变大小。

 

内部搜索引擎:

 

内部命令引擎 :

 

posted @ 2012-04-23 18:53  草珊瑚  阅读(234)  评论(0编辑  收藏  举报