请帮我看看如何改善这段模拟 windows 的程序,不够分再加

mtide 2003-05-08 09:59:11
现在主要的问题是,如何在新建一个窗口的时候,赋予一个唯一的对象,方便以后的操作!

--- 1st part ----
<html>
<head>
<title>window.net ver 0.1</title>
<style type="text/css"> input.smallInput{border:1px solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}
</style>
<!-- gid.js -->
<script language="javascript">
function showMenu() {
divTemp.innerHTML = this.name + "," + this.style + "," + this.item;
}

function menu(name, style, item) {
this.name = name;
this.style = style;
this.item = item;
this.showMenu = showMenu; //method
}

function addInDiv() {
var code = divTemp.innerHTML;
var codeCap, codeTail, codetoolBar, codeMenu, codeBody, codeStaticBar;

this.start = code.lastIndexOf("</WINDOW>");
if (this.start == -1) this.start = 0;

this.taskBarID = addTotaskBar(this);

codeCap = "<window name=" + this.id + ">";
codeCap += "<div id=" + this.id + " style='Z-INDEX:1; LEFT:0px; WIDTH:419px; POSITION:absolute; TOP:0px; HEIGHT:194px; taskID:" + this.taskBarID + ";'>";
codeCap += "<table width='100%' height='100%' border=1 cellpadding=0 cellspacing=0 bgcolor=#0a246a>";
codeCap += " <tr> <td height=14>";

codetoolBar = "<table width='100%' height='100%' border=0 cellpadding=0 cellspacing=0 onmousedown='makeActive(" + this.id + ")'; style='CURSOR:default'>";
codetoolBar += "<tr> <td width='85%'><img src='SysImg/" + this.logo + "' width=15 height=15> <font size=2 color=#ffffff><b>";
codetoolBar += this.id + "</b></font></td><td width=15%><div align=right><input id='btnMin' type='button' value='_' onclick='winMin(" + this.id + ");'> <img src='SysImg/shutdown16.gif' width=16 height=14 onclick=destory(" + this.id + ");></div>";
codetoolBar += "</td></tr></table></td></tr>";

codeMenu = " "
codeBody = "<tr><td><table width=100% height=100% border=0 cellpadding=0 cellspacing=0 bgcolor=#ffffff><tr><td valign=top> " + this.Body + "</td></tr></table></td></tr>";
codeTail = "</table> </div>" + "</window>";
divTemp.innerHTML = code + codeCap + codetoolBar + codeMenu + codeBody + codeTail;


debug.document.write (divTemp.innerHTML);
}

function destory(winID) {
var temp = '<WINDOW name="' + winID.id + '">';
var start = divTemp.innerHTML.indexOf('<WINDOW name="' + winID.id + '">');
var end = divTemp.innerHTML.indexOf("</WINDOW>", start + 1);
divTemp.innerHTML = divTemp.innerHTML.substring(0, start) + divTemp.innerHTML.substring(end, divTemp.innerHTML.length);

delFromtaskBar(winID);
}

function windows(id, logo, menuBar, Body, staticBar) {
this.id = id;
this.logo = logo;
this.menuBar = menuBar || -1;
this.Body = Body || -1;
this.staticBar = staticBar || -1;
this.taskBarID = 0;
this.addInDiv = addInDiv;
}

function createWindows() {
var winID = new windows("win" + sysNum, 'aboutxp.gif', 'a', '我是一个窗口,口..口...口口...', 1);

winID.addInDiv();
sysNum = sysNum + 1;
}
</script>
<!-- end gid -->
<script language="javascript">
//var fso = new ActiveXObject("scripting.FileSystemObject");
var isSetPIC = 0;
var cFont = "white";
var cBG = "#3a6ea5";
var cMenuBG = "#d4d0c8"
var cHighLight = "#0a246a";
var objActive = 0;
var NULL = 0;
var offsetX = 0;
var offsetY = 0;
var ren = 0;
var sysNum = 0;

function sysInit() {
document.bgColor = cBG;
//renWuLan.style.left = 0;
//renWuLan.style.top = 100;
//renWuLan.style.display = "";
}

//菜单

//弹出
function popupMenu() {
winMenu.style.left = window.event.x;
winMenu.style.top = window.event.y;
winMenu.style.display = "";

return false;
}

//突出显示
function popOutItem(name) {
var item = eval("bg" + name);
var itemTitle = eval("title" + name);
item.bgColor = cHighLight;
itemTitle.style.color = "white";
}

//恢复显示
function revert(name) {
var item = eval("bg" + name);
var itemTitle = eval("title" + name);
item.bgColor = cMenuBG;
itemTitle.style.color = "black";
}
//end menu

//Taskbar
function addTotaskBar(winID) {
var newRow = bufferWin.rows(0);
var newWin = newRow.insertCell();
newWin.innerHTML = "<table width=100% border=1 cellpadding=0 cellspacing=0 style='border-collapse: collapse' bordercolor='#111111' bordercolorlight='#FFFFFF' bordercolordark='#000000' onclick=" + winID.id + ".style.display='';><tr><td>" + winID.id + "</td></tr></table>";

return newWin.cellIndex;
}

function delFromtaskBar(winID) {
var i = 0;

bufferWin.rows(0).deleteCell(winID.style.taskID);

}
//end TaskBar

//窗口
//最小化
function winMin(winID) {
winID.style.display = "none";
}

function moveObj() {
if (objActive != 0) {
objActive.style.left = window.event.x - offsetX;
objActive.style.top = window.event.y - offsetY;
}

return false;
}

function makeActive(obj) {
objActive = eval(obj);
offsetX = window.event.x - parseInt(objActive.style.left);
offsetY = window.event.y - parseInt(objActive.style.top);
}

function destoryActive() {
objActive = 0;
offsetX = 0;
offsetY = 0;
}

//end

//桌面属性
function changeBackGround(imgUrl) {
var picAlign = 1;
var PaintType = typeBGPaint.options[typeBGPaint.selectedIndex].value;

if (PaintType ==1) //居中
DeskTop.innerHTML = "<table border=0 align='center' width='100%' height='100%'><tr><td align='center'><img src='" + imgUrl + "'></td></tr></table>";
else if (PaintType ==2) //平铺
DeskTop.innerHTML = "<table border=0 align='center' width='100%' height='100%' backGround='" + imgUrl + "'><tr><td></td></tr></table>";
else if (PaintType ==3) //拉伸
DeskTop.innerHTML = "<table id='bg' border=0 align='center' width='100%' height='100%'><tr><td align='center'><img src='" + imgUrl + "' width='100%' height='100%'></td></tr></table>";

winMenu.style.display = "none";
return false;
}

function addImg(imgUrl) {
var imgName = imgUrl.substr(imgUrl.lastIndexOf("\\") + 1, imgUrl.lastIndexOf(".") - imgUrl.lastIndexOf("\\") - 1);
imgList.divImgs.innerHTML = imgList.divImgs.innerHTML + "<span value='" + imgUrl + "' style='cursor:hand' onclick='parent.imgPrev.src=this.value;'>" + imgName + "</span><br/>"
}
//end

function reName(src) {
if (ren == 0) {
src.innerHTML = "<input id='srcReName' type='text' value='" + src.style.value + "' size=7 class=smallInput>";
srcReName.select();
ren = 1;
}
else {
src.innerHTML = srcReName.value;
ren = 0;
}
}

function testObj() {
var a = new menu('abc', 1, 'a,b,c');
var b = new windows('b', a, 'hahahha', 1);

b.addInDiv();
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css"> <!-- style { font-size: 12px; }
--></style>
</head>
...全文
51 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
mtide 2003-05-10
  • 打赏
  • 举报
回复
如何在生成的代码中,调用obj[1].min??
mtide 2003-05-10
  • 打赏
  • 举报
回复
// menu 类
function menu(id, style, item) {
//property
this.id = id;
this.style = style;
//0, x=event.x; 1, x=0; 2, x=X;
this.item = item;
//this.itemCmd = itemCmd;
//this.code = "";

//method
this.create = menuCreate;
this.show = menuShow;
this.focus = menuFocus;
this.blur = menuBlur;
this.hide = menuHide;
}

//创建一个新菜单,并返回窗口代码
function menuCreate() {
var codeCap, codeTail, codeBody, codeSonCap, codeSonTail, codeSonBody;
var itemParent, itemSon;
var i, j;

codeCap = "<div id='menu" + this.id + "' style='DISPLAY:; Z-INDEX:5; LEFT:0px; WIDTH:120px; CURSOR:default; POSITION:absolute; BOTTOM:30px; HEIGHT:81px'> <table width='100%' height='100%' border='2' align='left' cellpadding='0' cellspacing='0' bordercolor='#111111' style='FONT-SIZE: 10pt; BORDER-COLLAPSE: collapse' bgcolor='#d4d0c8' bordercolorlight='#ffffff' bordercolordark='#000000'><tr><td><table border=0 width=100%>";

itemParent = this.item.split("|");
codeBody = "";
codeSonBody = "";

codeSonCap = "<div id='menuSon' style='DISPLAY:none; Z-INDEX:5; LEFT:expression(menu" + this.id + ".style.width); WIDTH:200px; CURSOR:default; POSITION:absolute; BOTTOM:30px; HEIGHT:81px'> <table width='100%' height='100%' border='2' align='left' cellpadding='0' cellspacing='0' bordercolor='#111111' style='FONT-SIZE: 10pt; BORDER-COLLAPSE: collapse' bgcolor='#d4d0c8' bordercolorlight='#ffffff' bordercolordark='#000000'><tr><td><table border=0 width=100%>";
for (i in itemParent) {
itemSon = itemParent[i].split(",");
codeBody += "<tr><td><table width='100%' height='100%' border='0' align='left' cellpadding='0' cellspacing='0' bordercolor='#111111' style='FONT-SIZE: 10pt; BORDER-COLLAPSE: collapse' bgcolor='#d4d0c8' ";


if (itemSon.length > 1) {
codeBody += " onmouseover=menuSon.style.display='';><tr><!--菜单左框图片--> <td width='10'> </td><!--end--><td width='99' height='20' align='left' valign='center' id='bgp" + i + "'> <span id='titlep" + i + "'>" + itemSon[0] + "</span></td>";
codeBody += "<td width=10>》》</td>";

for (j=1; j<itemSon.length; j++) {
codeSonBody += "<tr><td><table width='100%' height='100%' border='0' align='left' cellpadding='0' cellspacing='0' bordercolor='#111111' style='FONT-SIZE: 10pt; BORDER-COLLAPSE: collapse' bgcolor='#d4d0c8'><tr><!--菜单左框图片--> <td width='10%'> </td><!--end--><td width='90%' height='20' align='left' valign='center' id='bgp" + i + "s" + j + "'> <span id='titlep" + i + "s" + j + "'>" + itemSon[j] + "</span></td></tr></table></td></tr>";
}
}
else
codeBody += "><tr><!--菜单左框图片--> <td width='10'> </td><!--end--><td width='99' height='20' align='left' valign='center' id='bgp" + i + "';> <span id='titlep" + i + "'>" + itemSon[0] + "</span></td>";

codeBody += "</tr></table></td></tr>";
}

codeBody += "</table></td></tr></table></div>"
return (codeCap + codeBody + "<!--son-->" + codeSonCap + codeSonBody);
}

//显示菜单
function menuShow() {
var menuID = eval("menu" + this.id);

menuID.style.display = "";
this.focus();
}

//菜单获得焦点
function menuFocus() {
//显示菜单;
}

//菜单失去焦点
function menuBlur() {
//隐藏菜单;
this.hide();
}

//菜单隐藏
function menuHide() {
objActive.style.display = "none";
}

</script>
</head>
<body>
<!--窗口内存区--><div id="divWin"></div>
<input type="button" onclick="obj[1].create();" value="createWin">
<input type="button" onclick="alert(obj[1].code);" value="show Code">
<input type="button" onclick="obj[1].load();" value="load Window">
<input type="button" onclick="obj[1].show();" value="show Window">
<input type="button" onclick="obj[1].hide();" value="hide Window">
<input type="button" onclick="obj[1].unload();" value="unload window">
<input type="button" onclick="alert(divWin.innerHTML);" value="show memory">
</body>
</html>
mtide 2003-05-10
  • 打赏
  • 举报
回复
可能我写得太乱了,现在重新整理过,只是包括windows类和menu类

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">
var obj = new Array(20); //20个对象

obj[0] = new menu("file", 1, "file, new, open, close, exit");
obj[1] = new windows("Word", "b.gif", obj[0], "Hello World", "");

// windows 类
function windows(id, logo, menuBar, Body, staticBar) {
//property
this.id = id;
this.logo = logo;
this.menuBar = menuBar;
this.Body = Body;
this.staticBar = staticBar;
this.taskBarID = 0;
this.code = "";

// method
this.create = winCreate;
this.load = winLoad;
this.show = winShow;
this.focus = winFocus;
this.blur = winBlur;
this.hide = winHide;
this.unload = winUnload;

//
this.min = winMin;
this.max = winMax;
}

//创建一个新窗口,并返回窗口代码
function winCreate() {
var codeCap, codeTail, codetoolBar, codeMenu, codeBody, codeStaticBar;

codeCap = " <window name=" + this.id + ">";
codeCap += "<div id=win" + this.id + " style='display:none; Z-INDEX:2; LEFT:0px; WIDTH:419px; POSITION:absolute; TOP:0px; HEIGHT:194px; taskID:" + this.taskBarID + ";logo:" + this.logo + "'>";
codeCap += "<table width='100%' height='100%' border=1 cellpadding=0 cellspacing=0 bgcolor=#0a246a>";
codeCap += " <tr> <td height=14>";

codetoolBar = "<table width='100%' height='100%' border=0 cellpadding=0 cellspacing=0 onmousedown='makeActive(" + this.id + "); return false;' ondblclick='maxWin(" + this.id + ");return false;' style='CURSOR:default'>";
codetoolBar += "<tr> <td width='85%'><img src='SysImg/" + this.logo + "' width=15 height=15> <font size=2 color=#ffffff><b>";
codetoolBar += this.id + "</b></font></td><td width=15% align='right'><input id='btnMin' type='button' value='_' onclick='minWin(" + this.id + ");'> <input type='button' value='*' onclick='maxWin(" + this.id + ");'> <img src='SysImg/shutdown16.gif' width=16 height=14 onclick=destory(" + this.id + ");>";
codetoolBar += "</td></tr></table></td></tr>";

codeMenu = this.menuBar.create();
codeBody = "<tr><td><table width=100% height=100% border=0 cellpadding=0 cellspacing=0 bgcolor=#ffffff><tr><td valign=top> " + this.Body + "</td></tr></table></td></tr>";
codeStaticBar = "<tr><td height=10><table onmousedown='resizeWin(" + this.id + ");' width=100% height=100% border=0 cellpadding=0 cellspacing=0 bgcolor=#ffffff align='right'><tr><td>asf</td></tr></table></td></tr>";
codeTail = "</table> </div>" + "</window>";

this.code = codeCap + codetoolBar + codeMenu + codeBody + codeStaticBar + codeTail;
}

//把窗口代码读进内存
function winLoad() {
var oldCode = divWin.innerHTML;

divWin.innerHTML = oldCode + this.code;
}

//显示窗口
function winShow() {
var winID = eval("win" + this.id);
winID.style.display = "";

this.focus();
}

//窗口获得焦点
function winFocus() {
objActive = eval("win" + this.id);
//样式变化;
}

//窗口失去焦点
function winBlur() {
objActive = 0;
this.menuBar.unload();
//样式变化;
}

//窗口隐藏
function winHide() {
objActive.style.display = "none";
this.blur();
this.menuBar.unload();
}

//从内存中卸载窗口代码
function winUnload() {
var temp = "<WINDOW name=win" + this.id + ">";
var start = divWin.innerHTML.indexOf(temp);
var end = divWin.innerHTML.indexOf("</WINDOW>", start + 1);
divWin.innerHTML = divWin.innerHTML.substring(0, start) + divWin.innerHTML.substring(end, divWin.innerHTML.length);

delFromtaskBar(winID);
}

//窗口最小化
function winMin() {
var winID = eval("win" + this.id);

winID.style.display = "none";
}

//窗口最大化
function winMax() {
var winID = eval("win" + this.id);

winID.style.left = 0;
winID.style.top = 0;
winID.style.width = screen.availWidth - 20;
winID.style.height = screen.availHeight - 120;
}
禽兽v5 2003-05-09
  • 打赏
  • 举报
回复
http://expert.csdn.net/Expert/topicview.asp?id=1710854

看一下我最后帖的那一段代码.

1.它将打开的窗口的变量名、窗口名和其它信息存入到一个对象.

2.再将此对象作为链表元素存到一个链表中.

3.然后根据查找链表元素中的窗口名,判断是否有此窗口.

4.再根据判断此窗口名的变量是否closed判断窗口是否还打开
禽兽v5 2003-05-09
  • 打赏
  • 举报
回复
the code too long, it must takes some time to read it.
wsj 2003-05-08
  • 打赏
  • 举报
回复
你想做什么呢?代码太长,说详细一点
mtide 2003-05-08
  • 打赏
  • 举报
回复
你是谁啊???
mtide 2003-05-08
  • 打赏
  • 举报
回复
<body onload="return sysInit();" onclick='winMenu.style.display = "none";' oncontextmenu="return popupMenu();" onmousemove="return moveObj();" onmouseup="destoryActive();">
<div id="divTemp"></div>
<iframe id="debug" marginwidth="1" marginheight="1" style="position: absolute; left: 205; top: 50" name="debug" width="300" height="150"></iframe><br/>
<div id="menuBackGround" style="DISPLAY:none; Z-INDEX:9; LEFT:200px; WIDTH:266px; POSITION:absolute; TOP:7px; HEIGHT:253px">
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="100%"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" onmousedown="makeActive('menuBackGround');" style="CURSOR:default">
<TBODY>
<tr>
<td>桌面属性</td>
<td><div align="right"><img src="SysImg/shutdown16.gif" width="16" height="14" onclick="menuBackGround.style.display='none';"></div>
</td>
</table>
</td>
</tr>
<tr>
<td height="158"><div align="center"><img id="imgPrev" width="100" height="100"></div>
</td>
</tr>
<tr>
<td><table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="60%"><iframe id="imgList" src="picBrowser.htm"></iframe>
</td>
<td width="40%">
<p align="center">
<select id="typeBGPaint">
<option value="1" selected>居中</option>
<option value="2">平铺</option>
<option value="3">拉伸</option>
</select></p>
</td>
</tr>
<tr>
<td colspan="2">
<input type="file" id="fileBrowser" onchange="addImg(this.value);" size="20"></td>
</tr>
<tr>
<td colspan="2"><div align="center">
<input type="button" value="确定" onclick='changeBackGround(imgPrev.src);menuBackGround.style.display="none";'>
<input type="button" value="应用" onclick='changeBackGround(imgPrev.src);'>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!--任务栏-->
<div id="renWulan" style="Z-INDEX:8; LEFT:0px; WIDTH:780px; POSITION:absolute; TOP:427px; HEIGHT:20px">
<table width="100%" height="100%" border="2" cellspacing="0" bordercolor="#cccccc" bgcolor="#d6d3ce" bordercolorlight="#ffffff" bordercolordark="#000000" style="BORDER-COLLAPSE: collapse" cellpadding="0">
<tr>
<td width="10%">
<table width="75" border="1" bordercolorlight="#ffffff" bordercolordark="#000000" cellspacing="0" cellpadding="0" style="BORDER-COLLAPSE: collapse" bordercolor="#111111">
<tr>
<td width="58">
<p align="center">
<img src="SysImg/aboutxp.gif" width="20" height="17"><font size="2"> 开始</font></p>
</td>
</tr>
</table>
</td>
<td width="14%"><img src="SysImg/ii16.gif" width="7" height="22">
</td>
<td width="61%"><table width="100%" border="0" id="bufferWin">
<tr>
</tr>
</table>
</td>
<td width="15%" align="middle" valign="center">
<table width="90%" border="1" cellspacing="0" cellpadding="0" bordercolorlight="#000000" bordercolordark="#ffffff" height="80%" style="BORDER-COLLAPSE: collapse" bordercolor="#111111">
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!--end-->
<!--右键菜单 id:winMenu-->
<div id="winMenu" style="DISPLAY:none; Z-INDEX:8; LEFT:123px; WIDTH:120px; CURSOR:default; POSITION:absolute; TOP:82px; HEIGHT:81px">
<table width="100%" height="100%" border="2" align="left" cellpadding="0" cellspacing="0" bordercolor="#111111" style="FONT-SIZE: 10pt; BORDER-COLLAPSE: collapse" bgcolor="#d4d0c8" bordercolorlight="#ffffff" bordercolordark="#000000">
<tr>
<td>
<table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0" bordercolor="#111111" style="FONT-SIZE: 10pt; BORDER-COLLAPSE: collapse" bgcolor="#d4d0c8">
<TBODY>
<tr>
<!--菜单左框图片-->
<td width="21" rowspan="4">
</td>
<!--end-->
<td width="99" height="20" align="left" valign="center" id="bgp1" onmouseover="popOutItem('p1');" onmouseout="revert('p1');">
<span id="titlep1">排列图标</span></td>
</tr>
<tr>
<td height="20" colspan="2" align="left" valign="center" id="bgp2" onmouseup="history.go(0);return false;" onmouseover="popOutItem('p2');" onmouseout="revert('p2');">
<span id="titlep2">刷新</span></td>
</tr>
<tr onclick="return false;" onmousedown="return false;" onmouseup="return false;">
<td height="20" colspan="2" align="left" valign="top" onclick="return false;" onmousedown="return false;" onmouseup="return false;">
<hr>
</td>
</tr>
<tr>
<td height="20" colspan="2" align="left" valign="center" id="bgp3" onmouseup='menuBackGround.style.display = ""; return false;' onmouseover="popOutItem('p3');" onmouseout="revert('p3');">
<span id="titlep3">属性</span></td>
</tr>
<tr>
</table>
</td>
</tr>
</table>
</div>
<!--winMenu: end-->
<!--Window Class-->
<div id="window1" style="Z-INDEX:1; LEFT:0px; WIDTH:419px; POSITION:absolute; TOP:184px; HEIGHT:194px;display:none">
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0" bgcolor="#0a246a">
<tr>
<td height="14">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" onmousedown="makeActive('window1');" style="CURSOR:default">
<tr>
<td width="85%"><img src="SysImg/aboutxp.gif" width="15" height="15"> <font size="2" color="#ffffff"><b>我是一个窗口,口口</b></font>
</td>
<td width="15%">
<div align="right"><img src="SysImg/shutdown16.gif" width="16" height="14" onclick="window1.style.display='none';"></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr>
<td valign="top">
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!--end class-->
<div id="DeskTop"></div>
<div id="IE" style="Z-INDEX:1; LEFT:39px; WIDTH:60px; POSITION:absolute; TOP:12px; HEIGHT:40px">
<table width="100%" border="0">
<tr>
<td><div align="center"><img src="SysImg/ie32.gif" width="32" height="32" onmousedown="makeActive('IE');" ondblclick="createWindows();"></div>
</td>
</tr>
<tr>
<td align='middle'><font color="#ffffff" size="2"><span onclick='reName(this)' id='srcIE' style='CURSOR:default; value:Internet Explorer'>Inernet Explorer</span></font></td>
</tr>
</table>
</div>
<div id="Navigator" style="Z-INDEX:1; LEFT:38px; WIDTH:60px; POSITION:absolute; TOP:82px; HEIGHT:50px">
<table width="100%" height="100%" border="0">
<tr>
<td height="10">
<div align="center"><img src="SysImg/Navigator.gif" width="33" height="32" onmousedown="makeActive('Navigator');"></div>
</td>
</tr>
<tr>
<td height="10"><font color="#ffffff" size="2"><font color="#ffffff" size="2"><span onclick='reName(this)' id="srcNavigator" style='CURSOR:default; value:网上邻居'>网上邻居</span></font></font></td>
</tr>
</table>
</div>
</body>
</html>

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧