<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery UI在线模拟系统jWebOS桌面效果</title>
<link href="css/lanrenzhijia.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="jsLib/themes/base/jquery.ui.all.css" />
<link rel="stylesheet" href="jsLib/jquery-smartMenu/css/smartMenu.css" />
<script type="text/javascript" src="jsLib/jquery-1.6.2.js"></script>
<script type="text/javascript" src="jsLib/myLib.js"></script>
<script type="text/javascript" src="jsLib/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="jsLib/jquery.winResize.js"></script>
<script type="text/javascript" src="jsLib/jquery-smartMenu/js/mini/jquery-smartMenu-min.js"></script>
<script type="text/javascript">
//声明desktop空间,封装相关操作
myLib.NS("desktop");
myLib.desktop={
winWH:function(){
$('body').data('winWh',{'w':$(window).width(),'h':$(window).height()});
},
desktopPanel:function(){
$('body').data('panel',{
'taskBar':{
'_this':$('#taskBar'),
'task_lb':$('#task_lb')
},
'lrBar':{
'_this':$('#lr_bar'),
'default_app':$('#default_app'),
'start_block':$('#start_block'),
'start_btn':$('#start_btn'),
'start_item':$('#start_item'),
'default_tools':$('#default_tools')
},
'deskIcon':{
'_this':$('#deskIcon'),
'icon':$('li.desktop_icon')
},
'powered_by':$('a.powered_by')
});
},
getMydata:function(){
return $('body').data();
},
mouseXY:function(){
var mouseXY=[];
$(document).bind('mousemove',function(e){
mouseXY[0]=e.pageX;
mouseXY[1]=e.pageY;
});
return mouseXY;
},
contextMenu:function(jqElem,data,menuName,textLimit){
var _this=this
,mXY=_this.mouseXY();
jqElem
.smartMenu(data,{
name: menuName,
textLimit:textLimit,
afterShow:function(){
var menu=$("#smartMenu_"+menuName);
var myData=myLib.desktop.getMydata(),
wh=myData.winWh;//获取当前document宽高
var menuXY=menu.offset(),menuH=menu.height(),menuW=menu.width();
if(menuXY.top>wh['h']-menuH){
menu.css('top',mXY[1]-menuH-2);
}
if(menuXY.left>wh['w']-menuW){
menu.css('left',mXY[0]-menuW-2);
}
}
});
$(document.body).click(function(event){
event.preventDefault();
$.smartMenu.hide();
});
}
}
//窗口相关操作
myLib.NS("desktop.win");
myLib.desktop.win={
winHtml:function(title,url,id){
return "<div class='windows corner rgba' id="
+id
+"><div class='win_title'><b>"
+title
+"</b><span class='win_btnblock'><a href='#' class='winMinimize' title='最小化'></a><a href='#' class='winMaximize' title='最大化'></a><a href='#' class='winHyimize' title='还原'></a><a href='#' class='winClose' title='关闭'></a></span></div><iframe frameborder='0' name='myFrame_"
+id
+"' id='myFrame_"
+id
+"' class='winframe' scrolling='auto' width='100%' src='"
+url
+"'></iframe></div>";
},
//添加遮障层，修复iframe 鼠标经过事件bug
iframFix:function(obj){
obj.each(function(){
var o=$(this);
if(o.find('.zzDiv').size()<=0)
o.append($("<div class='zzDiv' style='width:100%;height:"+(o.innerHeight()-26)+"px;position:absolute;z-index:900;left:0;top:26px;'></div>"));
})
},
//获取当前窗口最大的z-index值
maxWinZindex:function($win){
return Math.max.apply(null, $.map($win, function (e, n) {
if ($(e).css('position') == 'absolute')
return parseInt($(e).css('z-index')) || 1;
}));
},
findTopWin:function($win,maxZ){
var topWin;
$win.each(function(index){
if($(this).css("z-index")==maxZ){
topWin=$(this);
return false;
}
});
return topWin;
},
//关闭窗口
closeWin:function(obj){
var _this=this,$win=$('div.windows').not(":hidden"),maxZ,topWin;
myLib.desktop.taskBar.delWinTab(obj);
obj.hide('slow',function(){
$(this).remove();
});
//当关闭窗口后寻找最大z-index的窗口并使其出入选择状态
if($win.size()>1){
maxZ=_this.maxWinZindex($win.not(obj));
topWin=_this.findTopWin($win,maxZ);
_this.switchZindex(topWin);
}
},
minimize:function(obj){
var _this=this,$win=$('div.windows').not(":hidden"),maxZ,topWin,objTab;
obj.hide();
//最小化窗口后，寻找最大z-index窗口至顶
if($win.size()>1){
maxZ=_this.maxWinZindex($win.not(obj));
topWin=_this.findTopWin($win,maxZ);
_this.switchZindex(topWin);
}else{
objTab=myLib.desktop.taskBar.findWinTab(obj);
objTab.removeClass('selectTab').addClass('defaultTab');
}
},
//最大化窗口函数
maximizeWin:function(obj){
var myData=myLib.desktop.getMydata(),
wh=myData.winWh;//获取当前document宽高
obj
.css({'width':wh['w'],'height':wh['h']-35,'left':0,'top':0})
.draggable( "disable" )
.resizable( "disable" )
.fadeTo("fast",1)
.find(".winframe")
.css({'width':wh['w']-6,'height':wh['h']-64});
},
//还原窗口函数
hyimizeWin:function(obj){
var myData=obj.data(),
winLocation=myData.winLocation;//获取窗口最大化前的位置大小
obj.css({'width':winLocation['w'],'height':winLocation['h'],'left':winLocation['left'],'top':winLocation['top']})
.draggable( "enable" )
.resizable( "enable" )
.find(".winframe")
.css({'width':winLocation['w']-6,'height':winLocation['h']-29});
},
//交换窗口z-index值
switchZindex:function(obj){
var myData=myLib.desktop.getMydata()
,$topWin=myData.topWin
,$topWinTab=myData.topWinTab
,curWinZindex=obj.css("z-index")
,maxZ=myData.maxZindex
,objTab=myLib.desktop.taskBar.findWinTab(obj);
if(!$topWin.is(obj)){
obj.css("z-index",maxZ);
objTab.removeClass('defaultTab').addClass('selectTab');
$topWin.css("z-index",curWinZindex);
$topWinTab.removeClass('selectTab').addClass('defaultTab');
this.iframFix($topWin);
//更新最顶层窗口对象
$('body').data("topWin",obj).data("topWinTab",objTab);
}
},
//新建窗口实例
newWin:function(options){
var _this=this;
var myData=myLib.desktop.getMydata(),
wh=myData.winWh,//获取当前document宽高
$windows=$("div.windows"),
curwinNum=myLib._is(myData.winNum,"Number")?myData.winNum:0;//判断当前已有多少窗口
_this.iframFix($windows);
//默认参数配置
var defaults = {
WindowTitle: null,
WindowsId: null,
WindowPositionTop: 'center', /* Posible are pixels or 'center' */
WindowPositionLeft: 'center', /* Posible are pixels or 'center' */
WindowWidth: Math.round(wh['w']*0.6), /* Only pixels */
WindowHeight: Math.round(wh['h']*0.8), /* Only pixels */
WindowMinWidth: 250, /* Only pixels */
WindowMinHeight: 250, /* Only pixels */
iframSrc: null, /* 框架的src路径*/
WindowResizable: true, /* true, false*/
WindowMaximize: true, /* true, false*/
WindowMinimize: true, /* true, false*/
WindowClosable: true, /* true, false*/
Windo
jQuery UI在线模拟系统jWebOS桌面效果.zip
版权申诉
148 浏览量
2023-09-27
22:14:03
上传
评论
收藏 780KB ZIP 举报
jQuery UI在线模拟系统jWebOS桌面效果.zip （142个子文件） 
jquery-ui-1.8.16.custom.css 33KB jquery.ui.theme.css 18KB jquery.ui.theme.css 17KB lanrenzhijia.css 9KB qunit.css 4KB jquery.ui.datepicker.css 4KB jquery.ui.datepicker.css 4KB jquery.ui.button.css 2KB jquery.ui.button.css 2KB jquery.ui.core.css 1KB jquery.ui.core.css 1KB jquery.ui.tabs.css 1KB jquery.ui.tabs.css 1KB jquery.ui.dialog.css 1KB jquery.ui.dialog.css 1KB jquery.ui.resizable.css 1KB jquery.ui.resizable.css 1KB jquery.ui.slider.css 1KB jquery.ui.slider.css 1KB jquery.ui.autocomplete.css 1KB jquery.ui.autocomplete.css 1KB smartMenu.css 1KB jquery.ui.accordion.css 1KB jquery.ui.accordion.css 1KB jquery.ui.base.css 437B jquery.ui.base.css 437B jquery.ui.progressbar.css 357B jquery.ui.progressbar.css 357B jquery.ui.selectable.css 323B jquery.ui.selectable.css 323B jquery.ui.all.css 302B jquery.ui.all.css 302B
loading.gif 3KB
index.html 30KB
menglong2.jpg 159KB jquery-ui-1.8.16.custom.js 379KB jquery-1.6.2.js 239KB jquery-ui-1.8.16.custom.min.js 206KB jquery-1.6.2.min.js 89KB jquery.ui.datepicker.js 76KB jquery.ui.sortable.js 39KB qunit.js 37KB jquery.ui.draggable.js 30KB jquery.ui.resizable.js 27KB jquery.effects.core.js 23KB jquery.ui.dialog.js 22KB jquery.ui.tabs.js 21KB jquery.ui.slider.js 18KB jquery.ui.autocomplete.js 16KB jquery.ui.accordion.js 16KB jquery.ui.button.js 11KB jquery.ui.droppable.js 10KB jquery.ui.core.js 8KB jquery.ui.position.js 7KB jquery.ui.widget.js 7KB jquery.effects.scale.js 7KB jquery.ui.selectable.js 7KB jquery-smartMenu.js 5KB jquery.ui.mouse.js 4KB jquery.metadata.js 4KB jquery.cookie.js 4KB myLib.js 3KB jquery.effects.bounce.js 3KB jquery-smartMenu-min.js 3KB jquery.ui.progressbar.js 2KB jquery.effects.explode.js 2KB jquery.effects.shake.js 2KB jquery.effects.fold.js 2KB jquery.bgiframe-2.1.2.js 2KB jquery.effects.clip.js 2KB jquery.effects.drop.js 2KB jquery.effects.slide.js 2KB jquery.effects.blind.js 1KB jquery.winResize.js 1KB jquery.effects.pulsate.js 1KB jquery.effects.highlight.js 1KB jquery.effects.transfer.js 1KB jquery.effects.fade.js 691B
lr_btn.png 11KB start_itembtn.png 10KB start-btn.png 7KB taskHdBtn.png 7KB icon9.png 7KB icon5.png 7KB windowBtn.png 6KB icon0.png 6KB dock_top.png 6KB icon11.png 5KB icon8.png 5KB icon2.png 5KB icon4.png 5KB ui-icons_222222_256x240.png 4KB ui-icons_228ef1_256x240.png 4KB ui-icons_ffffff_256x240.png 4KB ui-icons_ef8c08_256x240.png 4KB ui-icons_ffd27a_256x240.png 4KB ui-icons_222222_256x240.png 4KB ui-icons_888888_256x240.png 4KB ui-icons_454545_256x240.png 4KB ui-icons_2e83ff_256x240.png 4KB共 142 条
- 1
- 2
资源评论
