WebRoot/js/HoorayOS_mini/img/ui/globle.css

@@ -0,0 +1,8 @@
+::selection{background:#99cc00;color:white /* Safari */}
+::-moz-selection{background:#99cc00;color:white /* Firefox */}
+
+/*webkit滚动条样式*/
+::-webkit-scrollbar-track-piece{background-color:#f5f5f5;border-left:1px solid #d2d2d2}
+::-webkit-scrollbar{width:13px;height:13px}
+::-webkit-scrollbar-thumb{background-color:#c2c2c2;background-clip:padding-box;border:1px solid #979797;min-height:28px}
+::-webkit-scrollbar-thumb:hover{border:1px solid #636363;background-color:#929292}

WebRoot/js/HoorayOS_mini/img/ui/index.css

@@ -0,0 +1,209 @@
+*{margin:0;padding:0}
+form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p{list-style:none outside none}
+a{text-decoration:none;color:#ccc;outline:none}
+a:hover{text-decoration:none}
+a img{border:none}
+.fr{float:right}
+.fl{float:left}
+.disn{display:none}
+
+/*webkit滚动条样式*/
+::-webkit-scrollbar-track-piece{background-color:#f5f5f5;border-left:1px solid #d2d2d2}
+::-webkit-scrollbar{width:13px;height:13px}
+::-webkit-scrollbar-thumb{background-color:#c2c2c2;background-clip:padding-box;border:1px solid #979797;min-height:28px}
+::-webkit-scrollbar-thumb:hover{border:1px solid #636363;background-color:#929292}
+
+html{height:100%;overflow:hidden}
+body{font:12px/1.8 'Segoe UI','微软雅黑',sans-serif;-moz-user-select:none;-webkit-user-select:none;user-select:none}
+#desktop{position:absolute;z-index:1;width:100%;height:100%;display:none}
+#accessory_zoom{position:absolute}
+
+/*浏览器缩放提示*/
+#zoom-tip{display:none;width:100%;background:#FEF8E3;position:relative;z-index:99}
+#zoom-tip div{width:960px;height:50px;line-height:50px;font-size:14px;margin:0 auto;color:#984B12;position:relative}
+#zoom-tip div i{width:27px;height:27px;background:url(warning.png) no-repeat;position:absolute;top:12px}
+#zoom-tip div span{padding-left:30px}
+#zoom-tip .close{font-size:6px;position:absolute;right:10px;top:6px;text-decoration:none}
+
+/**
+ * 浏览器升级提示
+ * 5个浏览器图片为MorchaDesign版权所有，本项目使用已得到官方授权
+ * 9 Browsers Icons Designed by Morcha Design
+ * http://www.morcha.net/post/46.html
+ */
+.update_browser_box{display:none;background:url(loginbg.png) repeat;position:absolute;z-index:9998;top:0;left:0;width:100%;height:100%;_height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
+.update_browser{width:640px;height:350px;position:absolute;left:50%;top:50%;margin-left:-320px;margin-top:-175px}
+.update_browser .subtitle{width:640px;height:36px;line-height:18px;font-size:14px;color:#777}
+.update_browser .title{width:640px;height:106px;line-height:96px;font-size:48px;text-align:center;color:#009AD9}
+.update_browser .title span{font-size:60px;color:#F33}
+.update_browser .browser{background:url(browser.png) no-repeat;width:640px;height:128px;overflow:hidden}
+.update_browser .browser a{display:block;width:128px;height:128px;float:left;text-indent:-999em}
+.update_browser .bottomtitle{width:640px;height:78px;line-height:78px;text-align:center;font-size:14px;color:#777}
+.update_browser .bottomtitle a{color:#777}
+.update_browser .bottomtitle a:hover{color:#999}
+
+/*遮罩层*/
+#maskbox{z-index:9000000;display:none;cursor:default;background:none;width:100%;height:100%;position:absolute;top:0;left:0}
+
+/*图标*/
+.appbtn,
+#shortcut_shadow{width:86px;height:88px;text-align:center;position:absolute;z-index:0;cursor:pointer}
+.appbtn:hover{background:url(desk_sprite.png) no-repeat -250px -100px}
+.appbtn div{cursor:pointer;height:48px;width:48px;overflow:hidden;position:relative;margin:0 auto;margin-top:6px}
+#shortcut_shadow,
+#shortcut_shadow2{z-index:9999999;display:none}
+.appbtn img,
+#shortcut_shadow img{border-radius:3px 3px 3px 3px;display:block;height:48px;width:48px;margin:auto}
+#shortcut_shadow img,
+#shortcut_shadow span,
+#shortcut_shadow2 img,
+#shortcut_shadow2 span{filter:alpha(opacity=50);opacity:0.5}
+.appbtn span,
+#shortcut_shadow span{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3);border-radius:10px 10px 10px 10px;filter:none;color:#fff;display:inline-block;max-width:60px;height:20px;line-height:20px;margin-top:8px;overflow:hidden;padding:0 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ui/shortcut_text.png', sizingMethod='scale')}
+
+/*桌面*/
+#desk{position:absolute;z-index:1;top:0;bottom:30px;left:0;right:0;width:100%;height:100%;overflow:hidden}
+#desk .desktop-container{width:100%;height:100%;overflow:hidden;position:absolute}
+#desk .desktop-container .scrollbar{position:absolute;z-index:2;background:#ccc;display:none;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
+#desk .desktop-container .scrollbar:hover{background:#999}
+#desk .desktop-container .scrollbar-x{bottom:0;height:10px}
+#desk .desktop-container .scrollbar-y{right:0;width:10px}
+#desk .desktop-container i.addicon{display:block;margin:auto;width:50px;height:50px;margin-top:5px;background:url(desk_sprite.png) no-repeat -420px -100px;cursor:pointer}
+
+/*窗口*/
+.window-container{position:absolute;background:#ccc;border:1px solid #000}
+/*当前窗口*/
+.window-current{background:#fff}
+/*最大化窗口*/
+.window-maximize{border:none !important}
+/*标题*/
+.title-bar{position:relative;z-index:1;height:30px;line-height:30px;overflow:hidden;cursor:default;background:#ccc}
+/*当前窗口标题*/
+.window-current .title-bar{background:#fff}
+/*标题图标*/
+.title-bar .icon{position:absolute;top:7px;left:7px;width:16px;height:16px}
+/*标题文字*/
+.title-bar .title{display:inline-block;width:100%;text-align:center;color:#000;font-size:14px}
+/*窗口右上角操作按钮*/
+.title-handle{position:absolute;z-index:1;top:4px;right:4px;font-size:0;cursor:pointer}
+.title-handle a{position:relative;text-decoration:none;letter-spacing:normal;text-align:center;display:inline-block;*display:inline;zoom:1;vertical-align:top;font-family:tahoma,arial,\5b8b\4f53,sans-serif;color:#000;font-size:22px;width:22px;height:22px;line-height:22px}
+.title-handle a b{display:block;position:absolute;overflow:hidden;cursor:pointer}
+.title-handle .ha-close{}
+.title-handle .ha-close:hover{color:#03F}
+.title-handle .ha-fullscreen{}
+.title-handle .ha-fullscreen:hover{color:#03F}
+.title-handle .ha-max .max-b{top:6px;left:4px;width:10px;height:5px;border:2px solid #000;border-top-width:4px}
+.title-handle .ha-max:hover .max-b{border-color:#03F}
+.title-handle .ha-revert .revert-b{top:5px;left:6px;width:8px;height:4px;border:2px solid #000;border-top-width:3px}
+.title-handle .ha-revert .revert-t{top:9px;left:3px;width:8px;height:4px;border:2px solid #000;border-top-width:3px;background:#fff}
+.title-handle .ha-revert:hover .revert-b,
+.title-handle .ha-revert:hover .revert-t{border-color:#03F}
+.title-handle .ha-hide .hide-b{top:12px;left:5px;width:12px;height:2px;border-bottom:2px solid #000}
+.title-handle .ha-hide:hover .hide-b{border-color:#03F}
+/*窗口内部iframe*/
+.window-frame{position:absolute;top:30px;right:0;bottom:0;left:0;background:#fff;border-top:1px solid #000}
+*html .window-frame{
+	height:expression((function(el){
+		el.style.height=el.parentNode.clientHeight-30+"px";
+	})(this));
+}
+.window-frame iframe{position:absolute;border:0;height:100%;width:100%;top:0;bottom:0;left:0;right:0}
+/*遮罩层*/
+.window-mask{position:absolute;z-index:9998;height:100%;width:100%;display:none;overflow:hidden;background:url(window_mask_bg.png) repeat-x}
+.window-mask div{width:100%;text-align:center;margin-top:20px}
+.window-mask .maskbg{margin-top:70px;height:75px;background:url(window_mask_icon.png) no-repeat center}
+.window-loading{position:absolute;z-index:9999;width:100%;height:100%;background:#fff url(loading_48.gif) center center no-repeat}
+.window-mask-noflash{background:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
+.window-resize{position:absolute;overflow:hidden;background:url(transparent.gif) repeat;display:block}
+.window-resize-t{left:0;top:-8px;width:100%;height:10px;z-index:1;cursor:n-resize}
+.window-resize-r{right:-8px;top:0;width:10px;height:100%;z-index:1;cursor:e-resize}
+.window-resize-b{left:0;bottom:-8px;width:100%;height:10px;z-index:1;cursor:s-resize}
+.window-resize-l{left:-8px;top:0;width:10px;height:100%;z-index:1;cursor:w-resize}
+.window-resize-rt{right:-8px;top:-8px;width:10px;height:10px;z-index:2;cursor:ne-resize}
+.window-resize-rb{right:-8px;bottom:-8px;width:10px;height:10px;z-index:2;cursor:se-resize}
+.window-resize-lt{left:-8px;top:-8px;width:10px;height:10px;z-index:2;cursor:nw-resize}
+.window-resize-lb{left:-8px;bottom:-8px;width:10px;height:10px;z-index:2;cursor:sw-resize}
+
+/*小挂件*/
+.widget{position:absolute}
+.widget .move{width:100%;height:29px;background:url(widget_title_bg.png) repeat-x;cursor:move;border-radius:5px;display:none}
+.widget:hover .move{display:block}
+.widget a{position:absolute;display:none;top:4px;width:21px;height:21px;background:url(desk_sprite.png) no-repeat}
+.widget:hover a{display:block}
+.widget a.ha-close{right:5px;background-position:-350px -500px}
+.widget a.ha-close:hover{background-position:-380px -500px}
+.widget a.ha-star{right:30px;background-position:-350px -560px}
+.widget a.ha-star:hover{background-position:-380px -560px}
+.widget a.ha-share{right:55px;background-position:-350px -530px}
+.widget a.ha-share:hover{background-position:-380px -530px}
+.widget .frame{position:absolute;top:30px;bottom:0;left:0;right:0}
+.widget .frame iframe{position:absolute;top:0;left:0;width:100%;height:100%}
+
+/*应用码头*/
+#dock-bar{position:absolute;display:none}
+.top-bar{width:100%;height:73px;left:0;top:0}
+.left-bar{width:73px;height:100%;left:0;top:0}
+.right-bar{width:73px;height:100%;right:0;top:0}
+#dock-container{position:absolute}
+.dock-middle{background:url(desk_sprite.png) no-repeat 0 0}
+.dock-left{width:73px;height:523px;top:50%;left:0;margin:-261px 0 0 0}
+.dock-left .dock-middle{height:513px;padding-top:10px;background-position:0 -100px}
+#dock-container .appbtn{width:58px;height:58px}
+#dock-container .appbtn:hover{background:url(desk_sprite.png) no-repeat -350px -100px}
+#dock-container .appbtn span{display:none}
+.dock-applist{position:relative}
+.dock-left .dock-applist{width:70px;height:443px;float:left;margin-top:3px;margin-left:3px}
+.dock-left .dock-toollist{margin-left:5px;margin-top:8px;width:73px;height:60px;float:left;overflow:hidden}
+.dock-toollist a{float:left;display:block;width:20px;height:20px;cursor:pointer;margin:0 6px 8px 3px}
+.dock-toollist a img{width:20px;height:20px;border:none}
+
+.dock-top .dock-applist .appbtn{margin-top:1px}
+.dock-left .dock-applist .appbtn{margin-left:1px}
+.dock-right .dock-applist .appbtn{margin-left:3px}
+
+/*任务栏*/
+#task-bar-bg1{width:100%;height:130px;position:absolute;z-index:-1;bottom:0;background:url(task_bg1.png) repeat-x}
+#task-bar-bg2{width:100%;height:64px;position:absolute;z-index:-1;bottom:0;background:url(task_bg2.png) repeat-x 0 41px}
+#task-bar{height:64px;position:absolute;bottom:0;right:0}
+#task-bar.min-zIndex{z-index:-1}
+#task-next,
+#task-pre{width:54px;height:100%;float:right;margin:0 1px;overflow:hidden;display:none}
+#task-next{position:relative;z-index:9990;background:url(desk_sprite.png) no-repeat -200px -264px}
+#task-next a{display:block;width:45px;height:35px;margin-top:20px;margin-left:15px;background:url(desk_sprite.png) no-repeat -265px -450px;cursor:pointer}
+#task-next a:hover{background-position:-265px -402px}
+#task-next a.disable{background-position:-265px -497px;cursor:default}
+#task-pre{position:relative;z-index:9990;background:url(desk_sprite.png) no-repeat -350px -195px}
+#task-pre a{display:block;width:20px;height:35px;margin-top:20px;margin-left:17px;background:url(desk_sprite.png) no-repeat -215px -450px;cursor:pointer}
+#task-pre a:hover{background-position:-215px -402px}
+#task-pre a.disable{background-position:-215px -497px;cursor:default}
+#task-content{height:64px;float:right;overflow:hidden}
+#task-content-inner{height:100%;float:right}
+#task-content-inner.fl{float:left}
+.task-item{position:relative;z-index:9990;display:block;width:112px;height:100%;float:right;margin:0 1px;vertical-align:middle;overflow:hidden;cursor:pointer;background:url(desk_sprite.png) no-repeat -200px -200px}
+.task-item:hover{background-position:-200px -328px}
+.task-item-current{background-position:-200px -264px}
+.task-item-icon{width:32px;height:32px;margin:22px 5px;float:left}
+.task-item-icon img{width:32px;height:32px;float:left}
+.task-item-txt{width:70px;height:36px;line-height:36px;margin-top:27px;color:#fff;float:left;overflow:hidden}
+
+/*右键菜单*/
+.popup-menu{background:url(popup_menu.gif) repeat-y scroll 0 0 #FFFFFF;border:1px solid #AEAEAE;box-shadow:0 0 6px rgba(0, 0, 0, 0.4);position:absolute;width:125px}
+.popup-menu ul{padding:1px;position:relative}
+.popup-menu li{height:24px;position:relative;vertical-align:middle}
+.popup-menu a{background-position:100px 100px;border-radius:2px 2px 2px 2px;color:#333333;display:block;height:24px;line-height:24px;overflow:hidden;padding-left:35px}
+.popup-menu a:hover,
+.popup-menu a.focus{background-color:#3B7CE6;background-position:0 -780px;color:#FFFFFF;text-decoration:none}
+.popup-menu a.disabled,
+.popup-menu a.disabled:hover{background-color:transparent;background-position:100px 100px;color:#ccc}
+.popup-menu b{position:absolute;top:4px;left:5px;height:16px;width:16px;background:url(icon_main.png) no-repeat}
+.popup-menu .arrow{background:none;top:0;left:108px;height:20px;line-height:20px;font-size:14px}
+.popup-menu .folder{background-position:0 0}
+.popup-menu .edit{background-position:0 -16px}
+.popup-menu .setting{background-position:0 -32px}
+.popup-menu .themes{background-position:0 -48px}
+.popup-menu .hook{background-position:0 -64px;display:none}
+.popup-menu .refresh{background-position:0 -80px}
+.popup-menu .uninstall{background-position:0 -96px}
+.popup-menu .del{background-position:0 -112px}
+.popup-menu .upload{background-position:0 -128px}
+.popup-menu .customapp{background-position:0 -144px}

WebRoot/js/HoorayOS_mini/img/ui/sys.css

@@ -0,0 +1,246 @@
+*{margin:0;padding:0}
+form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p{list-style:none outside none}
+textarea{resize:none;padding:5px}
+.fr{float:right}
+.fl{float:left}
+.disn{display:none}
+.breakword{
+white-space: pre;           /* CSS 2.0 */
+white-space: pre-wrap;      /* CSS 2.1 */
+white-space: pre-line;      /* CSS 3.0 */
+white-space: -pre-wrap;     /* Opera 4-6 */
+white-space: -o-pre-wrap;   /* Opera 7 */
+white-space: -moz-pre-wrap; /* Mozilla */
+white-space: -hp-pre-wrap;  /* HP Printers */
+word-wrap: break-word;      /* IE 5 */
+}
+
+body{font:12px/1.8 'Segoe UI','微软雅黑',sans-serif}
+
+.title{background:url(app_spr_x.png) repeat-x 0 -40px #E6F2FA;border-bottom:1px solid #DDD;padding-left:10px;height:27px;line-height:27px;color:#666;clear:both}
+.title{background-image:url(app_spr_x.png);background-repeat:repeat-x;position:relative;height:27px;padding:0 5px;line-height:27px;border-bottom:1px solid #DDD;background-position:0 -40px}
+.title b{color:#F60}
+.title .btn-back{float:left;margin:4px 5px 0 0}
+.title ul{margin:0;position:absolute;top:0;left:-1px;height:28px;overflow:hidden}
+.title li{float:left;height:28px;padding:0 10px;line-height:28px}
+.title li.focus{padding:0 9px;font-weight:bold;border-left:1px solid #DDD;border-right:1px solid #DDD;background:#FFF;cursor:default}
+.title li a{color:#555;cursor:pointer;text-decoration:none}
+.title li a:hover{color:#36C}
+
+.detile-title{padding:10px 0;margin:0;text-indent:15px;border-bottom:2px solid #ddd;font-weight:bold}
+.input-label{float:left;width:100%;background:url(input-label.png) repeat-y;padding:10px 0;line-height:28px;border-bottom:1px solid #eee;clear:both}
+.input-label .label-text{float:left;padding-right:20px;text-align:right;width:130px;margin-bottom:0;line-height:28px}
+.input-label .label-box{margin:0 10px;padding-left:150px}
+
+/*列表*/
+.list-table{width:100%;border-collapse:collapse}
+.list-table .col-name th{font-weight:normal;height:31px;text-align:center;background:url(bought-table.png) repeat-x;border-top:1px solid #c4d5e0;border-bottom:1px solid #c4d5e0;color:black}
+.list-table .sep-row{height:7px}
+.list-table .toolbar{height:30px;background-color:#F3F3F3}
+.list-table .toolbar td{border:1px solid #DEDEE0;border-width:1px 0}
+.list-table .list-hd{background:#E8F2FF;color:#404040}
+.list-table .list-hd td{border:1px solid #D4E7FF;height:28px;padding-bottom:1px;line-height:28px}
+.list-table .list-bd td{padding:8px 5px;overflow:hidden;text-align:center;vertical-align:middle;border:1px solid #D4E7FF;border-left-color:#E6E6E6;border-right-color:#E6E6E6}
+.list-table .list-count{font-family:'Courier New',Courier,mono;font-style:italic;font-weight:bold;margin:0 8px 0 5px;font-size:14px}
+
+/* 壁纸设置 */
+.wallpapertype{width:500px;height:40px;line-height:40px;margin:auto;margin-top:10px}
+.wallpaper{width:500px;margin:auto;margin-top:10px}
+.wallpaper li{width:150px;height:110px;float:left;margin-right:10px;border:5px solid #fff;background:#fff;cursor:pointer}
+.wallpaper li.three{margin-right:0}
+.wallpaper li:hover{border-color:#9FF;background:#9FF}
+.wallpaper li div{width:150px;height:20px;line-height:20px;text-align:center}
+.wapppapercustom{width:500px;margin:auto;margin-top:10px;border:1px solid #ccc}
+.wapppapercustom .tip{padding:10px}
+.wapppapercustom .view{width:500px;height:250px}
+.wapppapercustom .view ul{width:480px;height:230px;line-height:230px;margin:auto;margin-bottom:15px;text-align:center}
+.wapppapercustom .view ul li{border:5px solid #fff;overflow:hidden;float:left;width:150px;height:105px;margin:5px 0;position:relative}
+.wapppapercustom .view ul li a{display:none;position:absolute;z-index:2;top:-5px;right:-5px;text-decoration:none;width:48px;height:32px;line-height:32px;text-align:center;background-color:#ccc}
+.wapppapercustom .view ul li:hover{border-color:#ccc;cursor:pointer}
+.wapppapercustom .view ul li:hover a{display:block}
+.wapppaperwebsite{width:480px;margin:auto;margin-top:10px;padding:10px;border:1px solid #ccc}
+
+/* 皮肤设置 */
+.skin{width:550px;margin:auto;margin-top:10px}
+.skin li{width:256px;height:156px;margin:0 4px 10px 4px;float:left;border:5px solid #fff;background:#fff;cursor:pointer;position:relative}
+.skin li:hover{border-color:#9FF;background:#9FF}
+.skin li div{display:none;width:48px;height:48px;background:url(selected.png) no-repeat;position:absolute;right:-15px;bottom:-15px}
+.skin li.selected div{display:block}
+
+/* 应用码头位置设置 */
+.dock_setting{width:710px;margin:auto}
+.dock_setting table{width:100%}
+.dock_setting .set_top{padding:10px 0 10px 320px}
+.dock_setting .set_left{padding:0 5px}
+.dock_setting .set_right{padding:0 5px}
+.dock_setting .set_view{display:inline;float:left;width:550px;height:280px;background-image:url(dock_setting.jpg)}
+.dock_setting .set_view_top{background-position:0 0}
+.dock_setting .set_view_left{background-position:0 -280px}
+.dock_setting .set_view_right{background-position:0 -560px}
+
+/* 应用市场 */
+.sub-nav{position:absolute;z-index:2;top:0;bottom:0;left:0;width:60px;height:100%}
+.sub-nav ul{position:absolute;width:54px;height:100%;margin:0 0 0 5px}
+.sub-nav ul .all{margin-top:5px}
+.sub-nav ul .myapps{position:absolute;bottom:10px}
+.sub-nav ul li a{padding-right:0;min-width:28px!important}
+.sub-nav ul li a:hover,
+.sub-nav ul .active a,
+.sub-nav ul .active a:hover{background:#EEE}
+
+.wrap{position:absolute;top:0;right:0;bottom:0;left:60px;_position:relative;_left:0;_height:100%;_margin-left:60px;overflow:auto;background:#EEE}
+.mbox{border:1px solid #DDD;background:#FFF}
+.app-contents,
+.col-main{position:relative;padding:10px;overflow:hidden}
+.col-sub{float:right;width:215px;padding:10px 10px 0 0;overflow:hidden}
+.app-list-box{height:400px;overflow:hidden}
+
+.app-list-box .app-list{margin:0;height:324px;overflow:hidden;background:url(app_list.png)}
+.app-list-box .app-list li{position:relative;height:54px;padding:6px 0 6px 68px;vertical-align:middle;overflow:hidden}
+.app-list-box .app-list li:hover{background:#FBEFCE}
+.app-list-box .app-list li a{color:#555;text-decoration:none}
+.app-list-box .app-list li a:hover{color:#36C}
+.app-list-box .app-list img{position:absolute;top:9px;left:10px;width:48px;height:48px}
+.app-list-box .app-list .app-name,
+.app-list-box .app-list .app-desc{display:block;width:240px;height:27px;line-height:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.app-list-box .app-list .app-name{font-weight:bold}
+.app-list-box .app-list .app-desc{color:#999}
+.app-list-box .app-list .app-desc b{font-weight:normal}
+.btn-add-s,
+.btn-run-s,
+.btn-remove-s,
+.btn-loading-s{display:inline-block;width:24px;height:24px;line-height:20;overflow:hidden;background-position:0 -110px;position:absolute;top:21px;right:20px;background:url(app_spr_img.png) no-repeat}
+.btn-add-s{background-position:0 -110px}
+.btn-add-s:hover{background-position:-25px -110px}
+.btn-add-s:active{background-position:-50px -110px}
+.btn-run-s{background-position:0 -135px}
+.btn-run-s:hover{background-position:-25px -135px}
+.btn-run-s:active{background-position:-50px -135px}
+.btn-remove-s{background-position:0 -160px}
+.btn-remove-s:hover{background-position:-25px -160px}
+.btn-remove-s:active{background-position:-50px -160px}
+.btn-loading-s{background:url(loading_24.gif) no-repeat}
+
+.app-list .star-box,
+.app-list .star-box i{background:url(app_spr_img.png) no-repeat}
+.app-list .star-box{position:relative;top:-46px;left:252px;display:inline-block;width:85px;height:15px;background-position:0 -62px}
+.app-list .star-box i{position:absolute;font-style:normal;top:0;left:0;height:15px;overflow:hidden;background-position:0 -78px}
+.app-list .star-num{position:absolute;top:10px;left:415px;display:inline-block;height:21px;line-height:21px;font-family:Georgia;font-weight:bold;font-size:16px;color:#F60}
+.app-list .app-stat{position:absolute;top:36px;right:93px;color:#999}
+.app-list .app-list-box .app-list b{color:#F60}
+
+.search-box{position:relative;height:28px;margin-bottom:8px}
+
+.btn-add,
+.btn-run{float:right;display:inline-block;width:93px;height:30px;line-height:31px;text-indent:29px;overflow:hidden;color:#fff;background:url(app_spr_img.png) no-repeat;text-decoration:none}
+.btn-add:hover{background-position:-94px 0}
+.btn-add:active{background-position:-188px 0}
+.btn-run{background-position:0 -31px}
+.btn-run:hover{background-position:-94px -31px}
+.btn-run:active{background-position:-188px -31px}
+
+.commend-day{height:176px;margin-bottom:10px;overflow:hidden}
+.commend-day h3{margin:0;padding:0 10px;height:30px;line-height:31px;font-size:12px;overflow:hidden;border-bottom:1px solid #DDD;background-image:url(app_spr_x.png);background-repeat:repeat-x;background-position:0 -37px}
+.commend-day .star-box,
+.commend-day .star-box i{background:url(app_spr_img.png) no-repeat}
+.commend-day .star-box{position:relative;left:0;top:0;float:left;margin:5px 0 0 8px;display:inline-block;width:85px;height:15px;background-position:0 -62px}
+.commend-day .star-box i{position:absolute;font-style:normal;top:0;left:0;height:15px;overflow:hidden;background-position:0 -78px}
+.commend-container{position:relative;float:left;width:48px;height:48px;margin:10px 0 0 5px;overflow:hidden;padding:7px 21px 45px;background:url(commend_day.gif) no-repeat 0 0;_display:inline}
+.commend-text{float:right;width:100px;padding:0 10px 0 0;line-height:18px;color:#999}
+.commend-text h4{margin-top:0;margin-bottom:3px;padding:3px 0;font-size:12px;color:#555;border-bottom:1px solid #DDD}
+.commend-text h4 strong,
+.commend-text h4 span{display:block}
+.commend-text h4 span{font-weight:normal;color:#999}
+.commend-text .con{width:100px;height:54px;word-wrap:break-word;overflow:hidden}
+.commend-text .btn-add,
+.commend-text .btn-run{margin-top:5px;margin-right:5px;color:#fff;text-decoration:none}
+
+.detail-wrap{background:#EEE}
+.detail-wrap .btn-back{display:inline-block;width:35px;height:20px;padding-left:15px;line-height:21px;overflow:hidden;color:#fff;background:url(app_spr_img.png) no-repeat -129px -83px;text-decoration:none}
+.detail-wrap .btn-back:hover{background-position:-180px -83px}
+.detail-wrap .btn-back:active{background-position:-231px -83px}
+
+.app-title{position:relative;height:48px;padding:9px 0 8px 68px;border-bottom:1px solid #DDD;background:url(app_spr_x.png) repeat-x 0 -68px}
+.app-title img{position:absolute;top:9px;left:10px;width:48px;height:48px}
+.app-title span{display:block;line-height:24px}
+.app-title .app-name{font-weight:bold;font-size:14px}
+.app-title .app-desc{color:#999}
+.app-title .app-desc i{color:#F60;font-style:normal}
+.app-title .btn-add,
+.app-title .btn-run{position:absolute;top:17px;right:10px;color:#fff;text-decoration:none}
+
+.grade-box{width:100px;height:18px;position:absolute;top:75px;right:10px}
+.grade-box .star-box,
+.grade-box .star-box i,
+.grade-box .star-box a{background-image:url(app_spr_img.png);_background-image:url(app_spr_img.gif);background-repeat:no-repeat}
+.grade-box .star-box{float:right}
+.grade-box .star-num{float:right;margin:-3px 0 0 4px}
+.grade-box .star-box{position:relative;display:inline-block;width:85px;height:15px;background-position:0 -62px}
+.grade-box .star-box div{width:40px;height:18px;line-height:18px;float:left;position:relative;left:-40px}
+.grade-box .star-box i{position:absolute;top:0;left:0;height:15px;overflow:hidden;background-position:0 -78px;font-style:normal}
+.grade-box .star-box ul,
+.grade-box .star-box li{position:absolute;margin:0}
+.grade-box .star-box a{display:block;height:15px;background-position:100px 100px}
+.grade-box .star-box a:hover{background-position:0 -94px}
+.grade-box .star-box a em{visibility:hidden;position:absolute;top:-2px;left:-84px;width:80px;text-align:right;color:#999;font-style:normal;background-color:#fff}
+.grade-box .star-box a:hover em{visibility:visible}
+.grade-box .grade-1{width:17px;z-index:10}
+.grade-box .grade-2{width:34px;z-index:9}
+.grade-box .grade-3{width:51px;z-index:8}
+.grade-box .grade-4{width:68px;z-index:7}
+.grade-box .grade-5{width:85px;z-index:6}
+.grade-box .star-num{display:inline-block;height:21px;line-height:21px;font-family:Georgia;font-weight:bold;font-size:16px;color:#F60}
+
+.app-contents h4{margin:0 10px;line-height:31px;font-size:12px}
+.app-contents h5{margin:0 10px;line-height:23px;font-weight:normal;font-size:12px}
+.app-contents h5 em{color:#999;font-style:normal}
+.app-text{margin:5px 10px;padding:5px;border-top:1px dotted #DDD}
+
+/* 应用管理 */
+.bottom-bar{border-top:1px solid #ddd;width:100%;height:62px;overflow:hidden;position:fixed;z-index:999;bottom:0}
+.bottom-bar .con{background:#F2F2F2;height:42px;padding:10px}
+
+.creatbox{position:absolute;top:0;bottom:0;left:0;right:0}
+.creatbox .middle{border-bottom:1px solid #fff;position:absolute;top:0;bottom:50px;left:0;right:0;overflow:auto}
+
+.shortcutbox{display:inline-block;width:58px;height:58px;border:1px solid #fff;position:relative;z-index:1000}
+.shortcutbox:hover{border:1px solid #ccc;border-right:1px solid #fff}
+.shortcutbox:hover .shortcut-selicon{display:block}
+
+.shortcut-addicon{display:inline-block;width:50px;height:50px;margin:4px;background:url(desk_sprite.png) no-repeat -420px -100px;cursor:pointer;position:relative;overflow:hidden}
+.shortcut-addicon.bgnone{background:none}
+.shortcut-addicon img{width:48px;height:48px;margin:1px}
+.shortcut-selicon{position:absolute;top:-1px;left:58px;width:340px;padding:10px 0 0 10px;background:#fff;border:1px solid #ccc;display:none}
+.shortcut-selicon a{display:block;width:48px;height:48px;padding:5px;margin-right:10px;margin-bottom:10px;float:left}
+.shortcut-selicon a:hover{background:url(desk_sprite.png) no-repeat -350px -100px}
+.shortcut-selicon img{width:48px;height:48px}
+
+/*权限管理*/
+.permissions_apps{width:100%;float:left;clear:right}
+.permissions_apps .app{width:48px;height:48px;margin:0 10px 10px;float:left;position:relative}
+.permissions_apps .app img{width:48px;height:48px}
+.permissions_apps .app .del{display:none;position:absolute;right:-6px;top:-6px;text-align:center;font-size:12px;width:20px;height:20px;line-height:20px;cursor:pointer;background:#E6110E;color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
+.permissions_apps .app:hover .del{display:block}
+
+.alert_addapps{width:340px;margin:auto}
+.alert_addapps .app{width:48px;height:48px;margin:10px 10px 20px 10px;float:left;position:relative;cursor:pointer}
+.alert_addapps .app img{width:48px;height:48px}
+.alert_addapps .app .name{width:100%;height:24px;line-height:24px;overflow:hidden}
+.alert_addapps .app .selected{display:none;position:absolute;width:16px;height:16px;right:0;bottom:0;background:url(selected.gif) no-repeat}
+.alert_addapps .act .selected{display:block}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

WebRoot/js/HoorayOS_mini/index.html

@@ -0,0 +1,105 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<title>HoorayOS桌面应用框架</title>
+<link rel="stylesheet" href="js/HoorayLibs/hooraylibs.css">
+<link rel="stylesheet" href="img/ui/index.css">
+</head>
+
+<body>
+<div class="loading"></div>
+<!-- 浏览器升级提示 -->
+<div class="update_browser_box">
+	<div class="update_browser">
+		<div class="subtitle">您正在使用的IE浏览器版本过低，<br>我们建议您升级或者更换浏览器，以便体验顺畅、兼容、安全的互联网。</div>
+		<div class="title">选择一款<span>新</span>浏览器吧</div>
+		<div class="browser">
+			<a href="http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie" class="ie" target="_blank" title="ie浏览器">ie浏览器</a>
+			<a href="http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html" class="chrome" target="_blank" title="谷歌浏览器">谷歌浏览器</a>
+			<a href="http://www.firefox.com.cn" class="firefox" target="_blank" title="火狐浏览器">火狐浏览器</a>
+			<a href="http://www.opera.com" class="opera" target="_blank" title="opera浏览器">opera浏览器</a>
+			<a href="http://www.apple.com.cn/safari" class="safari" target="_blank" title="safari浏览器">safari浏览器</a>
+		</div>
+		<div class="bottomtitle">[&nbsp;<a href="http://www.baidu.com/search/theie6countdown.html" target="_blank">对IE6说再见</a>&nbsp;]</div>
+	</div>
+</div>
+<!-- 桌面 -->
+<div id="desktop">
+	<div id="zoom-tip"><div><i>​</i>​<span></span></div><a href="javascript:;" class="close" onClick="HROS.zoom.close();">×</a></div>
+	<div id="desk">
+		<div id="desk-1" class="desktop-container"><div class="scrollbar scrollbar-x"></div><div class="scrollbar scrollbar-y"></div></div>
+		<div id="dock-bar">
+			<div id="dock-container">
+				<div class="dock-middle">
+					<div class="dock-applist"></div>
+					<!-- 任务栏上4个小按钮 -->
+					<div class="dock-toollist">
+						<!-- 创建一个临时窗口，多次点击会多次创建，窗口不唯一 -->
+						<a href="javascript:;" onClick="HROS.window.createTemp({title:'百度',url:'http://hoorayos.com',width:800,height:400,left:100,top:100,isresize:false,isopenmax:false,isflash:false});"><img src="img/ui/dock-tools.png"></a>
+						<!-- 创建一个临时挂件，多次点击会多次创建，窗口不唯一 -->
+						<a href="javascript:;" onClick="HROS.widget.createTemp({url:'http://hoorayos.com',width:800,height:400,right:100,top:100});"><img src="img/ui/dock-tools.png"></a>
+						<!-- 创建一个临时窗口，多次点击不会重复创建，窗口唯一，需要在参数里加上appid属性，内容随便填写，但确保appid唯一，以免与系统窗口重复 -->
+						<!-- 参数说明：title：标题，url：网址，width：窗口宽度，height：窗口高度 -->
+						<!-- left：挂件距离页面左部偏移量(可不填，默认0)，top：挂件距离页面顶部偏移量(可不填，默认0) -->
+						<!-- isresize：窗口是否可以拉伸(可不填，默认false)，isopenmax：窗口打开是否默认最大化(可不填，默认false)，isflash：窗口内是否为flash应用(可不填，默认false) -->
+						<a href="javascript:;" onClick="HROS.window.createTemp({appid:'window_baidu',title:'百度',url:'hoorayos.com',width:800,height:400,left:100,top:100,isresize:false,isopenmax:false,isflash:false});"><img src="img/ui/dock-tools.png"></a>
+						<!-- 创建一个临时挂件，多次点击不会重复创建，窗口唯一，需要在参数里加上appid属性，内容随便填写，但确保appid唯一，以免与系统挂件重复 -->
+						<!-- 参数说明：url：网址，width：窗口宽度，height：窗口高度 -->
+						<!-- right：挂件距离页面左部偏移量(可不填，默认0)，top：挂件距离页面顶部偏移量(可不填，默认0) -->
+						<a href="javascript:;" onClick="HROS.widget.createTemp({appid:'widget_baidu',url:'hoorayos.com',width:800,height:400,right:100,top:100});"><img src="img/ui/dock-tools.png"></a>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="task-bar-bg1"></div>
+	<div id="task-bar-bg2"></div>
+	<div id="task-bar">
+		<div id="task-next"><a href="javascript:;" id="task-next-btn" hidefocus="true"></a></div>
+		<div id="task-content">
+			<div id="task-content-inner"></div>
+		</div>
+		<div id="task-pre"><a href="javascript:;" id="task-pre-btn" hidefocus="true"></a></div>
+	</div>
+</div>
+<script src="js/jquery-1.8.3.min.js"></script>
+<script src="js/HoorayLibs/hooraylibs.js"></script>
+<script src="js/templates.js"></script>
+<script src="js/core.js"></script>
+<script src="js/hros.app.js"></script>
+<script src="js/hros.base.js"></script>
+<script src="js/hros.desktop.js"></script>
+<script src="js/hros.dock.js"></script>
+<script src="js/hros.grid.js"></script>
+<script src="js/hros.maskBox.js"></script>
+<script src="js/hros.taskbar.js"></script>
+<script src="js/hros.popupMenu.js"></script>
+<script src="js/hros.wallpaper.js"></script>
+<script src="js/hros.widget.js"></script>
+<script src="js/hros.window.js"></script>
+<script src="js/hros.zoom.js"></script>
+<script>
+$(function(){
+	//IE下禁止选中
+	document.body.onselectstart = document.body.ondrag = function(){return false;}
+	//隐藏加载遮罩层
+	$('.loading').hide();
+	//IE6,7升级提示
+	if($.browser.msie && $.browser.version < 8){
+		if($.browser.version < 7){
+			//虽然不支持IE6，但还是得修复PNG图片透明的问题
+			DD_belatedPNG.fix('.update_browser .browser');
+		}
+		$('.update_browser_box').show();
+	}else{
+		$('#desktop').show();
+		//初始化一些桌面信息
+		HROS.CONFIG.wallpaper = 'wallpaper.jpg';
+		//加载桌面
+		HROS.base.init();
+	}
+});
+</script>
+</body>
+</html>

WebRoot/js/HoorayOS_mini/js/HoorayLibs/hooraylibs.css

@@ -0,0 +1,41 @@
+#topcontrol{z-index:999}
+#topcontrol a{display:block;width:54px;height:41px;background:url(scrolltotop.gif) no-repeat 0 0}
+#topcontrol a:hover{display:block;width:54px;height:41px;background:url(scrolltotop.gif) no-repeat -54px 0}
+
+.zeng_msgbox_layer,
+.zeng_msgbox_layer .gtl_ico_succ,
+.zeng_msgbox_layer .gtl_ico_fail,
+.zeng_msgbox_layer .gtl_ico_hits,
+.zeng_msgbox_layer .gtl_ico_clear,
+.zeng_msgbox_layer .gtl_end{display:inline-block;height:54px;line-height:54px;font-weight:bold;font-size:14px;color:#606060;background-image:url(gb_tip_layer.png);_background-image:url(gb_tip_layer_ie6.png);background-repeat:no-repeat}
+.zeng_msgbox_layer_wrap{width:100%;position:fixed;_position:absolute;top:46%;left:0;text-align:center;z-index:65533}
+.zeng_msgbox_layer{background-position:0 -161px;background-repeat:repeat-x;padding:0 18px 0 9px;margin:0 auto;position:relative}
+.zeng_msgbox_layer .gtl_ico_succ{background-position:-6px 0;left:-45px;top:0;width:45px;position:absolute}
+.zeng_msgbox_layer .gtl_end{background-position:0 0;position:absolute;right:-6px;top:0;width:6px}
+.zeng_msgbox_layer .gtl_ico_fail{background-position:-6px -108px;position:absolute;left:-45px;top:0;width:45px}
+.zeng_msgbox_layer .gtl_ico_hits{background-position:-6px -54px;position:absolute;left:-45px;top:0;width:45px}
+.zeng_msgbox_layer .gtl_ico_clear{background-position:-6px 0;left:-5px;width:5px;position:absolute;top:0}
+.zeng_msgbox_layer .gtl_ico_loading{width:16px;height:16px;border:0;background-image:url(gb_tip_loading.gif);float:left;margin:19px 10px 0 5px}
+
+.colorTip{display:none;position:absolute;left:50%;top:-30px;padding:6px;background-color:white;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-style:normal;line-height:1;text-decoration:none;text-align:center;text-shadow:0 0 1px white;white-space:nowrap;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
+.pointyTip,.pointyTipShadow{border:6px solid transparent;bottom:-12px;height:0;left:50%;margin-left:-6px;position:absolute;width:0}
+.pointyTipShadow{border-width:7px;bottom:-14px;margin-left:-7px}
+.colorTipContainer{position:relative;text-decoration:none!important}
+.white .pointyTip{border-top-color:white}
+.white .pointyTipShadow{border-top-color:#ddd}
+.white .colorTip{background-color:white;border:1px solid #ddd;color:#555}
+.yellow .pointyTip{border-top-color:#f9f2ba}
+.yellow .pointyTipShadow{border-top-color:#e9d315}
+.yellow .colorTip{background-color:#f9f2ba;border:1px solid #e9d315;color:#5b5316}
+.blue .pointyTip{border-top-color:#d9f1fb}
+.blue .pointyTipShadow{border-top-color:#7fcdee}
+.blue .colorTip{background-color:#d9f1fb;border:1px solid #7fcdee;color:#1b475a}
+.green .pointyTip{border-top-color:#f2fdf1}
+.green .pointyTipShadow{border-top-color:#b6e184}
+.green .colorTip{background-color:#f2fdf1;border:1px solid #b6e184;color:#558221}
+.red .pointyTip{border-top-color:#bb3b1d}
+.red .pointyTipShadow{border-top-color:#8f2a0f}
+.red .colorTip{background-color:#bb3b1d;border:1px solid #8f2a0f;color:#fcfcfc;text-shadow:none}
+.black .pointyTip{border-top-color:#333}
+.black .pointyTipShadow{border-top-color:#111}
+.black .colorTip{background-color:#333;border:1px solid #111;color:#fcfcfc;text-shadow:none}

WebRoot/js/HoorayOS_mini/js/core.js

@@ -0,0 +1,25 @@
+/*
+**  HoorayOS开源桌面应用框架
+**  作者：胡尐睿丶
+**  地址：http://hoorayos.com
+**  我希望能将这项目继续开源下去，所以请手下留情，保留以上这段版权信息，授权用户可删除代码中任何信息
+*/
+
+var TEMP      = {};
+var HROS      = {};
+
+HROS.CONFIG = {
+	appButtonTop    : 20,       //快捷方式top初始位置
+	appButtonLeft   : 20,       //快捷方式left初始位置
+	windowIndexid   : 10000,    //窗口z-index初始值
+	widgetIndexid   : 1,        //挂件z-index初始值
+	windowMinWidth  : 215,      //窗口最小宽度
+	windowMinHeight : 59,       //窗口最小高度
+	wallpaper       : ''        //壁纸
+};
+
+HROS.VAR = {
+	zoomLevel       : 1,
+	dock            : '',
+	desk            : ''
+};

WebRoot/js/HoorayOS_mini/js/hros.app.js

@@ -0,0 +1,170 @@
+/*
+**  应用
+*/
+HROS.app = (function(){
+	return {
+		/*
+		**  初始化桌面应用
+		*/
+		init : function(){
+			//绑定应用打开事件
+			HROS.app.click();
+			//绑定滚动条拖动事件
+			HROS.app.moveScrollbar();
+			HROS.app.get();
+		},
+		get : function(){
+		    $.getJSON('../../app/findDesk.action', function (sc) {
+				HROS.VAR.dock = sc['dock'];
+				HROS.VAR.desk = sc['desk'];
+				//输出桌面应用
+				HROS.app.set();
+			});
+		},
+		/*
+		**  输出应用
+		*/
+		set : function(){
+			//绘制应用表格
+			var grid = HROS.grid.getAppGrid(), dockGrid = HROS.grid.getDockAppGrid();
+			//加载应用码头应用
+			if(HROS.VAR.dock != ''){
+				var dock_append = '';
+				$(HROS.VAR.dock).each(function(i){
+					dock_append += appbtnTemp({
+						'top' : dockGrid[i]['startY'],
+						'left' : dockGrid[i]['startX'],
+						'title' : this.title,
+						'type' : this.type,
+						'id' : 'd_' + this.id,
+						'appid' : this.id,
+						'imgsrc' : this.icon
+					});
+				});
+				$('#dock-bar .dock-applist').html('').append(dock_append);
+			}else{
+				$('#dock-bar .dock-applist').html('');
+			}
+			//加载桌面应用
+			if(HROS.VAR.desk != ''){
+				var desk_append = '';
+				$(HROS.VAR.desk).each(function(i){
+					desk_append += appbtnTemp({
+						'top' : grid[i]['startY'] + 7,
+						'left' : grid[i]['startX'] + 16,
+						'title' : this.title,
+						'type' : this.type,
+						'id' : 'd_' + this.id,
+						'appid' : this.id,
+						'imgsrc' : this.icon
+					});
+				});
+			}
+			$('#desk-1 li').remove();
+			$('#desk-1').append(desk_append);
+			HROS.deskTop.appresize();
+			//加载滚动条
+			HROS.app.getScrollbar();
+		},
+		/*
+		**  应用打开
+		*/
+		click : function(){
+			//应用码头应用拖动
+			$('#dock-bar .dock-applist').on('click', 'li', function(e){
+				e.preventDefault();
+				e.stopPropagation();
+				switch($(this).attr('type')){
+					case 'app':
+						HROS.window.create($(this).attr('appid'));
+						break;
+					case 'widget':
+						HROS.widget.create($(this).attr('appid'));
+						break;
+				}
+			});
+			//桌面应用拖动
+			$('#desktop .desktop-container').on('click', 'li:not(.add)', function(e){
+				e.preventDefault();
+				e.stopPropagation();
+				switch($(this).attr('type')){
+					case 'app':
+						HROS.window.create($(this).attr('appid'));
+						break;
+					case 'widget':
+						HROS.widget.create($(this).attr('appid'));
+						break;
+				}
+			});
+		},
+		/*
+		**  加载滚动条
+		*/
+		getScrollbar : function(){
+			setTimeout(function(){
+				$('#desk .desktop-container').each(function(){
+					var desk = $(this), scrollbar = desk.children('.scrollbar');
+					//先清空所有附加样式
+					scrollbar.hide();
+					desk.scrollLeft(0);
+					var deskW = parseInt(desk.children('.appbtn').last().css('left')) + 106;
+					if(desk.width() / deskW < 1){
+						desk.children('.scrollbar-x').width(desk.width() / deskW * desk.width()).css('left',0).show();
+					}
+				});
+			}, 500);
+		},
+		/*
+		**  移动滚动条
+		*/
+		moveScrollbar : function(){
+			/*
+			**  手动拖动
+			*/
+			$('#desk .scrollbar').on('mousedown', function(e){
+				var x, y, cx, cy, deskrealw, deskrealh, movew, moveh;
+				var scrollbar = $(this), desk = scrollbar.parent('.desktop-container');
+				deskrealw = parseInt(desk.children('.appbtn').last().css('left')) + 106;
+				deskrealh = parseInt(desk.children('.appbtn').last().css('top')) + 108;
+				movew = desk.width() - scrollbar.width();
+				moveh = desk.height() - scrollbar.height();
+				if(scrollbar.hasClass('scrollbar-x')){
+					x = e.clientX - scrollbar.offset().left;
+				}else{
+					y = e.clientY - scrollbar.offset().top;
+				}
+				$(document).on('mousemove', function(e){
+					if(scrollbar.hasClass('scrollbar-x')){
+						cx = e.clientX - x - 73 < 0 ? 0 : e.clientX - x - 73 > movew ? movew : e.clientX - x - 73;
+						scrollbar.css('left', cx / desk.width() * deskrealw + cx);
+						desk.scrollLeft(cx / desk.width() * deskrealw);
+					}else{
+						cy = e.clientY - y < 0 ? 0 : e.clientY - y > moveh ? moveh : e.clientY - y;
+						scrollbar.css('top', cy / desk.height() * deskrealh + cy);
+						desk.scrollTop(cy / desk.height() * deskrealh);
+					}
+				}).on('mouseup', function(){
+					$(this).off('mousemove').off('mouseup');
+				});
+			});
+			/*
+			**  鼠标滚动
+			*/
+			$('#desk .desktop-container').each(function(i){
+				$('#desk-' + (i + 1)).on('mousewheel', function(event, delta){
+					var desk = $(this);
+					var deskrealw = parseInt(desk.children('.appbtn').last().css('left')) + 106, scrollleftright;
+					if(delta < 0){
+						scrollleftright = desk.scrollLeft() + 200 > deskrealw - desk.width() ? deskrealw - desk.width() : desk.scrollLeft() + 200;
+					}else{
+						scrollleftright = desk.scrollLeft() - 200 < 0 ? 0 : desk.scrollLeft() - 200;
+					}
+					desk.stop(false, true).animate({scrollLeft : scrollleftright}, 300);
+					desk.children('.scrollbar-x').stop(false, true).animate({
+						left : scrollleftright / deskrealw * desk.width() + scrollleftright
+					}, 300);
+				});
+			});
+		}
+	}
+})();

WebRoot/js/HoorayOS_mini/js/hros.base.js

@@ -0,0 +1,44 @@
+/*
+**  一个不属于其他模块的模块
+*/
+HROS.base = (function(){
+	return {
+		/*
+		**	系统初始化
+		*/
+		init : function(){
+			//阻止弹出浏览器默认右键菜单
+			$('body').on('contextmenu', function(){
+				return false;
+			});
+			//用于判断网页是否缩放
+			HROS.zoom.init();
+			//桌面(容器)初始化
+			HROS.deskTop.init();
+			//初始化壁纸
+			HROS.wallpaper.init();
+			//初始化任务栏
+			HROS.taskbar.init();
+			/*
+			**      当dockPos为top时          当dockPos为left时         当dockPos为right时
+			**  -----------------------   -----------------------   -----------------------
+			**  | o o o         dock  |   | o | o               |   | o               | o |
+			**  -----------------------   | o | o               |   | o               | o |
+			**  | o o                 |   | o | o               |   | o               | o |
+			**  | o +                 |   |   | o               |   | o               |   |
+			**  | o             desk  |   |   | o         desk  |   | o         desk  |   |
+			**  | o                   |   |   | +               |   | +               |   |
+			**  -----------------------   -----------------------   -----------------------
+			**  因为desk区域的尺寸和定位受dock位置的影响，所以加载应用前必须先定位好dock的位置
+			*/
+			//初始化应用码头
+			HROS.dock.init();
+			//初始化桌面应用
+			HROS.app.init();
+			//初始化widget模块
+			HROS.widget.init();
+			//初始化窗口模块
+			HROS.window.init();
+		}
+	}
+})();