<!DOCTYPE html>
<html style="height:100%">
<head>
<meta name="viewport" content="width=device-width" />
<title>仿桌面首页</title>
<link href="css/css.css" rel="stylesheet" />
<link href="css/jquery.tool.css" rel="stylesheet" />
<link href="css/smartMenu.css" rel="stylesheet" />
<script src="js/jquery-1.6.2.min.js"></script>
<script src="js/jquery.tool.js"></script>
<script src="js/templates.js"></script>
<script src="js/jquery-smartMenu.js"></script>
<script src="js/core.js"></script>
<script type="text/javascript">
//$(document.body).append('<div class="bgloader" style="background:url(img/ui/loader.gif) no-repeat #fff center;z-index:10000;position:absolute;top:0;left:0;width:100%;height:100%"></div>');
var shortcut = [];
$().ready(function () {
//$.ajax({
// type: "post",
// url: "../../DataBase/User/GetPagePermissions",
// async: false,
// success: function (data) {
// data = eval(data);
// for (var i = 0; i < data.length; i++) {
// var shor = [i, data[i].Page_Title, data[i].Page_iconUrl, data[i].Page_Url, data[i].Page_Width, data[i].Page_Height];
// shortcut.push(shor);
// }
// }
//});
//id,iconName,iconUrl,url,width,height
shortcut = [
[0, "腾讯微博", "images/icos/wb.png", "http://show.v.t.qq.com/index.php?c=show&a=index&n=bzyxytxwb&w=800&h=500&fl=2&l=12&o=31&co=0", 800, 500],
[1, "人人网", "images/icos/renren.jpg", "http://page.renren.com/", 1000, 500],
[2, "微信公众平台", "images/icos/wx.jpg", "https://mp.weixin.qq.com/cgi-bin/message?t=message/list&count=20&day=7&token=188810364&lang=zh_CN", 800, 500],
[3, "QQ轻聊", "images/icos/qq.jpg", "http://w.qq.com/", 800, 500],
[4, "我的页面", "images/icos/IE.png", "Form.html", 800, 500],
];
//桌面右键菜单
Core.menu = {
bodymenudata:
[
[{
text: "功能1",
func: function () {
ZENG.msgbox.show("功能1", 1, 2000);
}
},
{
text: "功能2",
func: function () {
ZENG.msgbox.show("功能2", 1, 2000);
}
}, {
text: "显示桌面",
func: function () {
Core.showDesktop();
}
}
],
[{
text: "属性(选择背景)",
data: [[{
text: "背景1",
func: function () {
$(this).attr("style", 'background:url(images/尼尔0.jpg)no-repeat;background-size:100% 100%;height: 100%;z-index:0;');
}
}, {
text: "背景2",
func: function () {
$(this).attr("style", 'background:url(images/尼尔1.jpg)no-repeat;background-size:100% 100%;height: 100%;z-index:0;');
}
}, {
text: "背景3",
func: function () {
$(this).attr("style", 'background:url(images/尼尔2.jpg)no-repeat;background-size:100% 100%;height: 100%;z-index:0;');
}
}, {
text: "背景4",
func: function () {
$(this).attr("style", 'background:url(images/尼尔3.jpg)no-repeat;background-size:100% 100%;height: 100%;z-index:0;');
}
}, {
text: "背景5",
func: function () {
$(this).attr("style", 'background:url(images/尼尔4.jpg)no-repeat;background-size:100% 100%;height: 100%;z-index:0;');
}
}]]
}]
],
icosmenudata: [[{
text: "工具栏"
}, {
text: "任务管理器"
}, {
text: "显示桌面"
}], [{
text: "属性"
}]]
};
document.body.onselectstart = document.body.ondrag = function () { return false; }
//初始化
Core.init();
});
</script>
<!--[if lte IE 8]>
<noscript>
<style>
//当脚本警用时，将网页上不需要显示的模块都进行隐藏
#task-bar,#desk{display:none!important}
.ie-noscript-warning{background:rgb(255,255,225) no-repeat scroll 8px center;position:absolute;top:0;left:0;font-size:12px;color:#333;width:98%; padding: 2px 15px 2px 23px; text-align:left; z-index:99;}
</style>
<div class="ie-noscript-warning">您的浏览器禁用了脚本，请设置您的浏览器之后继续访问<div>
</noscript>
<![endif]-->
<!--[if lte IE 6]>
<style type="text/css">
#ie6-warning{background:rgb(255,255,225) no-repeat scroll 8px center;text-align: center;position:absolute;margin: 0 auto;color:#333;width:96%; padding: 2px 15px 2px 23px; z-index:99;}
#ie6-warning a {text-decoration:none;color:#000; }
</style>
<div id="ie6-warning">您正在使用 Internet Explorer 6，在本页面的显示效果可能有差异。建议您升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> 或以下浏览器： <a href="http://www.mozillaonline.com/">Firefox</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.operachina.com/">Opera</a>
</div>
<script type="text/javascript">
function position_fixed(el, eltop, elleft){
// check if this is IE6
if(!window.XMLHttpRequest)
window.onscroll = function(){
el.style.top = (document.documentElement.scrollTop + eltop)+"px";
el.style.left = (document.documentElement.scrollLeft + elleft)+"px";
}
else el.style.position = "fixed";
}
position_fixed(document.getElementById("ie6-warning"),0, 0);
</script>
<![endif]-->
</head>
<body id="lxcn" style="background: url(images/尼尔0.jpg)no-repeat;background-size:100% 100%;height: 100%;">
<div id="task-bar">
<ul class="task-window"></ul>
<ul class="task-panel">
<li class="sys" title="系统操作"><b class="">系统操作</b></li>
</ul>
</div>
<div id="desk">
<ul></ul>
</div>
</body>
</html>
仿windows桌面Web首页
需积分: 5 183 浏览量
2018-12-20
15:22:25
上传
评论 1
收藏 1.66MB ZIP 举报
仿真桌面首页.zip （45个子文件） 
仿真桌面首页 css 
smartMenu.css 1KB css.css 7KB jquery.tool.css 19KB images 
尼尔0.jpg 144KB 尼尔3.jpg 186KB
sprite_main_png.png 892B titlebar_bg_cur.png 99B 尼尔1.jpg 155KB desktop_spr_x.png 366B Thumbs.db 20KB 尼尔2.jpg 216KB icos wx.jpg 21KB emy.png 2KB souhu.png 2KB bus.png 2KB renren.jpg 22KB lieche.png 2KB kuaidi.png 2KB xiaohua.png 2KB son.png 2KB qq.jpg 7KB logo.jpg 21KB gmail.png 4KB Thumbs.db 47KB youku.png 3KB wb.png 3KB 个人信息.png 10KB mail.png 5KB IE.png 63KB news_1.png 3KB news.png 3KB ku6.png 724B gb_tip_layer.png 3KB 尼尔4.jpg 771KB
frame_handle.gif 520B transparent.gif 43B portal_all_png.png 3KB news.png 3KB js core.js 25KB templates.js 2KB jquery-1.6.2.min.js 89KB jquery.tool.js 36KB jquery-ui-1.8.11.custom.min.js 45KB jquery-smartMenu.js 8KB
Index.html 7KB资源评论
