html+css+js实现xp window界面及有关功能
需积分: 3 96 浏览量
2020-10-27
14:06:14
上传
评论
收藏 62KB PDF 举报
html+css+js实现实现xp window界面及有关功能界面及有关功能
xp window界面及有关功能使用前端技术实现不可思议吧不够该程序在IE调试的，其他浏览器可能有BUG，感兴
趣的朋友可以参考下哈，希望可以帮助到你
注意： 该程序在IE调试的，其他浏览器可能有BUG，见谅！
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>Insert title here</title>
<!--
-- CSS
-- set window style
-->
<link rel="stylesheet" type="text/css" href="main.css" />
<!--
-- JavaScript
-- set function
-->
<script language="JavaScript" src="mywindow.js"> </script>
<script>
alert("XP Window以IE测试,其他浏览器可能有BUG请见谅! 基本功能+四边四角顶部拖拉都已实现!")
alert("进行操作前,记得先初始化窗口哦!");
/*
* create xp window and initialize
*/
var myW = new MyWindow();
function initialize() {
myW.setBackgroundDiv("mywindow");
myW.setLeftDiv("mywindow_left");
myW.setRightDiv("mywindow_right");
myW.setBottomDiv("mywindow_bottom");
myW.setTopDiv("mywindow_top");
myW.initialEvent();
}
/*
* list button event function
*/
function hiddenWindow() {
myW.hidden();
}
function showWindow() {
myW.show();
}
function setAdjust(adj) {
myW.setAdjust(adj);
}
function showMaxSize() {
myW.showMaxSize();
}
function getTop() {
myW.getTop();
}
function getLeft() {
myW.getLeft();
}
剩余11页未读，继续阅读
资源评论
