📄 test.html
字号:
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#Layer1 {
position:static
width:472px;
height:311px;
z-index:1;
margin-top:0;
}
#aa td
{
margin-left:2px;
cursor:hand;
}
.test
{
border:1px solid #6666CC;
background-color:#F5F5F5;
}
.test2
{
border:1px solid #E8E8E8;
}
.STYLE1 {color: #0099CC}
#Layer2 {
position:static;
width:200px;
height:115px;
}
.STYLE12 {font-size: larger}
.STYLE15 {font-size: x-large}
#Layer3 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 41px;
top: 13px;
}
#Layer4 {
position:absolute;
width:343px;
height:47px;
z-index:1;
left: 19px;
top: 234px;
}
-->
</style>
<script type="text/javascript">
function ff(id)
{
id.className="test";
var id=document.getElementById("Layer3");
alert(id.style.width);}"
}
function f2(id)
{
id.className="test2";
}
</script>
</head>
<body>
<div id="Layer1">
<table width="475" height="269" border="1" >
<tr>
<td height="41" colspan="3" valign="top"><table width="514" cellspacing="0" cellpadding="0" style="border-collapse: collapse;empty-cells : hide" bgcolor="#E8E8E8" height="58" border="0" align="center">
<tr id="aa">
<td width="10" height="30" align="left" style="width:10px" ><img src="image/Start.gif" width="10" height="26" /></td>
<td width="24" height="30" align="left" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/bold.gif" width="20" height="20" /></td>
<td width="24" align="left" ><a><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/italic.gif" width="20" height="20" /></a></td>
<td width="24" align="left" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/underline.gif" width="20" height="20" /></td>
<td width="9" align="center" ><img src="image/Seperator.gif" width="5" height="20" /></td>
<td width="24" align="left" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/justifyleft.gif" width="20" height="20" /></td>
<td width="24" align="left" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/justifycenter.gif" width="20" height="20" /></td>
<td width="24" align="left" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/justifyright.gif" width="20" height="20" /></td>
<td width="24" align="left" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/justifyfull.gif" width="20" height="20" /></td>
<td width="9" align="left" ><img src="image/Seperator.gif" width="5" height="20" /></td>
<td colspan="4" align="left" ><select name="select" style="width:95px;" onchange="alert(this.text);">
<option>fdf</option>
<option>fdf</option>
</select></td>
<td width="27" align="left" ><img src="image/Start.gif" width="10" height="26" /></td>
<td width="130" align="left" ><select name="select2" style=" width:120px">
</select></td>
<td width="62" align="left" ><img src="image/Start.gif" width="10" height="26" /><label>LYM</label></td>
</tr>
<tr id="aa">
<td height="28" align="left" bgcolor="#E8E8E8" ><a></a><img src="image/Start.gif" width="10" height="26" /></td>
<td height="28" align="left" bgcolor="#E8E8E8" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/backcolor.gif" width="20" height="20" /></td>
<td height="28" align="left" bgcolor="#E8E8E8" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/bgcolor.gif" width="20" height="20" /></td>
<td height="28" align="left" bgcolor="#E8E8E8" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/delete.gif" width="20" height="20" /></td>
<td height="28" align="center" bgcolor="#E8E8E8" ><img src="image/Seperator.gif" width="5" height="20" /></td>
<td height="28" align="left" bgcolor="#E8E8E8" ><img src="image/superscript.gif" width="20" height="20" /></td>
<td height="28" align="left" bgcolor="#E8E8E8" ><img src="image/subscript.gif" width="20" height="20" /></td>
<td height="28" align="left" bgcolor="#E8E8E8" ><img src="image/insertorderedlist.gif" width="20" height="20" /></td>
<td height="28" align="left" bgcolor="#E8E8E8" ><img src="image/insertunorderedlist.gif" width="20" height="20" /></td>
<td height="28" align="left" bgcolor="#E8E8E8" ><img src="image/Seperator.gif" width="5" height="20" /></td>
<td width="25" height="28" align="left" bgcolor="#E8E8E8" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/undo.gif" width="20" height="20" /></td>
<td width="25" align="left" bgcolor="#E8E8E8" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/redo.gif" width="20" height="20" /></td>
<td width="25" align="left" bgcolor="#E8E8E8" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/save.gif" width="20" height="20" /></td>
<td width="24" align="left" bgcolor="#E8E8E8" ><img src="image/qq.jpg" width="20" height="20" /></td>
<td width="27" align="left" bgcolor="#E8E8E8" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/createlink.gif" width="20" height="20" /></td>
<td align="left" bgcolor="#E8E8E8" ><img class="test2" onmouseover="ff(this)" onmouseout="f2(this)" src="image/unlink.gif" width="20" height="20" /></td>
<td height="28" align="left" bgcolor="#E8E8E8" > </td>
</tr>
</table></td>
</tr>
<tr>
<td width="168" colspan="3" valign="top"><span class="STYLE1"></span><span class="STYLE1"></span>
<table width="367" height="184" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="31" colspan="3">插入图片</td>
</tr>
<tr>
<td width="119" height="31">使用网络图片(URI)</td>
<td width="132">从电脑上传一张新图</td>
<td width="13"> </td>
</tr>
<tr>
<td colspan="2"><div id="Layer4">
<table width="343" height="101" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">请输入图片的网络地址</td>
</tr>
<tr>
<td height="31" colspan="3"><input type="text" name="textfield" /></td>
</tr>
<tr>
<td> </td>
<td><label>
<input type="submit" name="Submit" value="提交" />
</label></td>
<td><label>
<input type="reset" name="Submit2" value="重置" />
</label></td>
</tr>
</table>
<label></label>
</div></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
<form id="form1" name="form1" method="post" action="">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
＜iframe name="hidden_frame" id="hidden_frame" ＞＜/iframe＞
</form>
<div id="div">
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><fieldset>
<legend>插入超链接</legend>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9" height="5"></td>
</tr>
<tr>
<td width="7"></td>
<td width="54" align="right">Url:</td>
<td width="5"></td>
<td colspan="5"><input name="text3" type="text" id="text2" style="width:243px" value="http://" size="30" /></td>
<td width="7"></td>
</tr>
<tr>
<td colspan="9" height="5"></td>
</tr>
<tr>
<td></td>
<td align="right">Title:</td>
<td></td>
<td colspan="5"><input name="text22" type="text" id="text22" style="width:243px" value="" size="30" /></td>
<td></td>
</tr>
<tr>
<td width="7"></td>
<td width="54" align="right"><span class="label">Target</span>:</td>
<td width="5"></td>
<td colspan="5"><label>
<select name="select4">
<option value="">None (use implicit)</option>
<option value="_blank">New window (_blank)</option>
<option value="_self">Same frame (_self)</option>
<option value="_top">Top frame (_top)</option>
</select>
</label></td>
<td width="7"></td>
</tr>
<tr>
<td colspan="9" height="5"></td>
</tr>
</table>
</fieldset></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td align="right"><input name="submit" type="submit" id="submit" value=' 插入 ' />
<input name="button" type="button" onclick="window.close();" value=' 取消 ' /></td>
</tr>
</table>
</div>
<table border=0 cellpadding=0 cellspacing=0 align=center>
<tr>
<td>
<fieldset>
<legend>插入超链接</legend>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td colspan=9 height=5></td></tr>
<tr>
<td width=7></td>
<td width=54 align=right onClick="RadioClick('file')">Url:</td>
<td width=5></td>
<td colspan=5>
<Script Language=JavaScript>
document.write('<iframe id=d_file frameborder=0 src="../upload.jsp?type=media&style=' + config.StyleName + '" width="100%" height="22" scrolling=no></iframe>');
</Script>
<input name="text" type=text id="d_fromurl" style="width:243px" value="http://" size=30 /></td>
<td width=7></td>
</tr>
<tr><td colspan=9 height=5></td></tr>
<tr>
<td></td>
<td align=right onClick="RadioClick('url')">Title:</td>
<td></td>
<td colspan=5><input name="text2" type="text" id="text" style="width:243px" value="" size="30" /></td>
<td></td>
</tr>
<tr>
<td width=7></td>
<td width=54 align=right onClick="RadioClick('url')"><span class="label">Target</span>:</td>
<td width=5></td>
<td colspan=5><label>
<select name="select3">
<option value="">None (use implicit)</option>
<option value="_blank">New window (_blank)</option>
<option value="_self">Same frame (_self)</option>
<option value="_top">Top frame (_top)</option>
</select>
</label></td>
<td width=7></td>
</tr>
<tr><td colspan=9 height=5></td></tr>
</table>
</fieldset>
</td>
</tr>
<tr><td height=5></td></tr>
<tr>
<td>
</td>
</tr>
<tr><td height=5></td></tr>
<tr><td align=right><input type=submit value=' 插入 ' id=Ok onClick="ok()"> <input type=button value=' 取消 ' onClick="window.close();"></td></tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -