JS网页模拟windows操作系统桌面后台管理框架

1、新建html文档。

4、书写css代码。html, body { background: #3d71b8 url(../wal造婷用痃lpapers/desktop.jpg) no-repeat left top; font: normal 12px tahoma, arial, verdana, sans-serif; margin: 0; padding: 0; border: 0 none; overflow: hidden; height: 100%; }.start { background-image: url( ../images/taskbar/black/startbutton-icon.gif ) !important; }.bogus { background-image: url( ../images/bogus.png ) !important; }.logout { background-image: url( ../images/logout.gif ) !important; }.settings { background-image: url( ../images/gears.gif ) !important; }#dpanels { width: 250px; float: right; }#dpanels .x-panel { margin: 15px; }#dpanels .x-date-picker { border: 0 none; border-top: 0 none; background: transparent; }#dpanels .x-date-picker td.x-date-active { background: #ffffff; }#dpanels .x-date-picker { width: 100% !important; }#x-desktop { width: 100%; height: 100%; border: 0 none; position: relative; overflow: hidden; zoom: 1; }#ux-taskbar .x-btn { float: left; margin: 1px 0 0 1px; position: relative; }#ux-taskbar-start .x-btn { float: left; margin: 0; position: relative; }#ux-taskbar button {text-align: left; color: #ffffff; }#title-bar-wrapper { height: 35px; }#title-bar { color: #225599; padding: 9px 7px; font: bold 16px tahoma, arial, verdana, sans-serif; float: left; }#x-logout { float: right; padding: 6px 7px; }.x-btn-text-icon .x-btn-center .logout { background-position: 0pt 3px; background-repeat: no-repeat; padding: 3px 0pt 3px 18px; }#ux-taskbar { background: transparent none; height: 30px; margin: 0; padding: 0; position: relative; z-index: 12001; }.x-btn-icon .ux-taskbutton-center .x-btn-text { background-position: center; background-repeat: no-repeat; height: 16px; width: 16px; cursor: pointer; white-space: nowrap; padding: 0; }.x-btn-icon .ux-taskbutton-center { padding: 1px; }.x-btn-text-icon .ux-taskbutton-center .x-btn-text { background-position: 0 6px; background-repeat: no-repeat; padding: 7px 0px 7px 20px; }.x-btn-text-icon .ux-startbutton-center .x-btn-text { background-position: 0 4px; background-repeat: no-repeat; color: #000000 !important; font-weight: bold; padding: 7px 0px 7px 28px; }

6、代码整体结构。