📄 input.htm
字号:
<!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>--LoveDe许愿墙--</title>
<link rel="stylesheet" href="style0930.css" type="text/css" />
<style type="text/css">
<!--
body {
margin-left: 5px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
}
.tdb {
background-image: url(images/love_03.jpg);
background-repeat: no-repeat;
background-position: right top;
}
td {
font-size: 12px;
color: #000000;
line-height: 18px;
}
.white {
color: #FFFFFF;
}
.Layer { position:absolute;
width:260px;filter: Alpha(Opacity=95);
}
.whitep { border:#BB5073 1px solid;background:#ffffff }
.greenp { border:#91AB60 1px solid;background:#EBFDE5 }
.qredp { border:#BB5073 1px solid;background:#FFF0F5 }
.yelp { border:#D19F69 1px solid;background:#FFFFEF }
.bluep { border:#3D65AF 1px solid;background:#E3F3FF }
.bgp { border:#40A8AE 1px solid;background:#E1F5FD }
.yelop { border:#D19F69 1px solid;background:#FFF4E8 }
.pizp { border:#C175AB 1px solid;background:#FEEAF8 }
.pbp { border:#9A7DC3 1px solid;background:#EDE0F4 }
.gbp { border:#69B2AF 1px solid;background:#E8FFFF }
.ceng { position: relative; }
#Layer1 {
position:absolute;
left:302px;
top:119px;
width:85px;
height:83px;
z-index:1;
}
.close {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666666;
}
.gray {
color: #666666;
}
.style1 {
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
}
.org {
color: #FF6600;
}
.reg {
color: #CC3300;
}
.style3 {color: #CC3300; font-weight: bold; }
.STYLE4 {color: #FF0000}
-->
</style>
<script language="JavaScript1.2">
//-- 控制层删除start of script -->
function ssdel(){
if (event)
{
lObj = event.srcElement ;
while (lObj && lObj.tagName != "DIV") lObj = lObj.parentElement ;
}
var id=lObj.id
document.getElementById(id).removeNode(true);
//document.getElementById(id).outerHTML="";//这样也可以;
}
//-- 控制层删除End of script -->
</script>
<script>
//-- 控制层移动start of script -->
var Obj=''
var index=10000;//z-index;
document.onmouseup=MUp
document.onmousemove=MMove
function MDown(Object){
Obj=Object.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}
function MMove(){
if(Obj!=''){
document.all(Obj).style.left=event.x-pX;
document.all(Obj).style.top=event.y-pY;
}
}
function MUp(){
if(Obj!=''){
document.all(Obj).releaseCapture();
Obj='';
}
}
//-- 控制层移动end of script -->
//获得焦点;
function getFocus(obj)
{
if(obj.style.zIndex!=index)
{
index = index + 2;
var idx = index;
obj.style.zIndex=idx;
//obj.nextSibling.style.zIndex=idx-1;
}
}
</script>
<script language="JavaScript" type="text/javascript">
var ie = false;
function getObj(id) {
if (ie) { return document.all[id]; }
else { return document.getElementById(id); }
}
function setColor(color) {
getObj('ccsample').style.background = '' + color;
cf.tagbcolor.value = color ;
}
function textCounter(field, countfield, maxlimit) {
// 定义函数，传入3个参数，分别为表单区的名字，表单域元素名，字符限制；
if (field.value.length > maxlimit)
//如果元素区字符数大于最大字符数，按照最大字符数截断；
field.value = field.value.substring(0, maxlimit);
else
//在记数区文本框内显示剩余的字符数；
countfield.value = maxlimit - field.value.length;
contentsample.innerHTML = field.value;
}
function chkform() {
if (cf.massages.value == "")
{alert("\n\n\n至少说点什么吧！！\n\n\n");
cf.massages.focus();
return false; }
if (cf.author.value == "")
{alert("\n\n\n雁过留声\n\n人过留名\n\n\n请留下您的大名！！！\n\n");
cf.author.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<div id='ccsample' class='Cccc' style='position:absolute;left:15px;top:200px;width:180px;height:100px;background-color:#FFd616;z-index:10002;' onmousedown='getFocus(this)'>
<table border=0 style="word-break:break-all; ">
<td style='cursor:move;' width='98%' onmousedown=MDown(ccsample)>第[520]条 </td>
<td style='cursor:hand;' onclick='ssdel()' width='2%'>×</td></tr><tr><td style='height:100px;padding:5px;' colspan='2'><div id="contentsample">我是第520个添加纸条的人。</div><div id="authsample" style='padding:5px;float:right;'>阿健</div></td></tr></table></div>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/topbg.jpg">
<tr>
<td width="289" ><a href="index.asp"><img src="images/love_02.jpg" width="289" height="71" border="0" class="tdb" /></a></td>
<td align="right" valign="bottom" class="tdb"><table width="300" border="0" cellspacing="4" cellpadding="0">
<!-- <tr>
<td align="left"><label>
<input type="text" name="textfield" />
<input type="submit" name="Submit" value="找我的纸片" />
</label></td>
</tr> -->
</table></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="1" cellspacing="0" bgcolor="F33B78">
<tr>
<td><img src="images/love_04.gif" width="153" height="20" /></td>
</tr>
</table>
<br />
<br />
<table width="580" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="18" background="images/love_10.gif"><img src="images/love_09.gif" width="18" height="18" /></td>
<td width="544" background="images/love_10.gif"> </td>
<td width="18" align="right" background="images/love_10.gif"><img src="images/love_12.gif" width="18" height="18" /></td>
</tr>
<tr>
<td background="images/love_14.gif"> </td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" bgcolor="#F33B78"><span class="style1"> LoveDe 许愿墙相关说明</span></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="5" cellpadding="2">
<form name="cf" method="post" action="input.asp" onsubmit="return chkform();">
<tr>
<td width="51%" class="gray">输入你的祝福纸条内容 还能输入<input readonly style="border:0;" type=text name=remLen size=3 maxlength=3 value="100">个字<input type="hidden" name="tagbcolor" value="#FFd616">
<br /><textarea name="massages" wrap=physical cols=70 rows=6
onKeyDown="textCounter(this.form.massages,this.form.remLen,100);"
onKeyUp="textCounter(this.form.massages,this.form.remLen,100);">我是第520个添加纸条的人。</textarea>
<br />
<table cellpadding="2" cellspacing="1" border="0">
<tr>
<td>标签颜色:<input type="hidden" name="tagcolor" value="#FFCC66"></td>
<td><a href="javascript:setColor('#FFFFFF');"><div id="color330" style="cursor:pointer;border:1px solid #404040;height:25px; width:25px; background: #FFFFFF"></div></a></td>
<td><a href="javascript:setColor('#FFFFCC');"><div id="color330" style="cursor:pointer;border:1px solid #808080;height:25px; width:25px; background: #FFFFCC"></div></a></td>
<td><a href="javascript:setColor('#FFCC33');"><div id="color330" style="cursor:pointer;border:1px solid #808080;height:25px; width:25px; background: #FFCC33"></div></a></td>
<td><a href="javascript:setColor('#CCFF99');"><div id="color330" style="cursor:pointer;border:1px solid #808080;height:25px; width:25px; background: #CCFF99"></div></a></td>
<td><a href="javascript:setColor('#CCCC99');"><div id="color325" style="cursor:pointer;border:1px solid #808080;height:25px; width:25px; background: #CCCC99"></div></a></td>
<td><a href="javascript:setColor('#FFCCCC');"><div id="color330" style="cursor:pointer;border:1px solid #404040;height:25px; width:25px; background: #FFCCCC"></div></a></td>
<td><a href="javascript:setColor('#FF9999');"><div id="color330" style="cursor:pointer;border:1px solid #808080;height:25px; width:25px; background: #FF9999"></div></a></td>
<td><a href="javascript:setColor('#66FF99');"><div id="color330" style="cursor:pointer;border:1px solid #808080;height:25px; width:25px; background: #66FF99"></div></a></td>
<td><a href="javascript:setColor('#669999');"><div id="color330" style="cursor:pointer;border:1px solid #808080;height:25px; width:25px; background: #669999"></div></a></td>
<td><a href="javascript:setColor('#CC99CC');"><div id="color325" style="cursor:pointer;border:1px solid #808080;height:25px; width:25px; background: #CC99CC"></div></a></td>
<td><a href="javascript:setColor('#CC9966');"><div id="color325" style="cursor:pointer;border:1px solid #808080;height:25px; width:25px; background: #CC9966"></div></a></td>
<td><a href="javascript:setColor('#33CCFF');"><div id="color325" style="cursor:pointer;border:1px solid #808080;height:25px; width:25px; background: #33CCFF"></div></a></td>
<td><a href="javascript:setColor('#EEEEEE');"><div id="color325" style="cursor:pointer;border:1px solid #808080;height:25px; width:25px; background: #EEEEEE"></div></a></td>
</tr>
</table>
许愿人姓名：
<input name="author" type="text" id="author" onkeyup="javascript:authsample.innerHTML=this.value;" value="游侠" size="12" maxlength="10" />
<div align="center"><input type="submit" name="submit" style="background-color:#F33B78; border:1px outset #F33B78;color:#FFFFFF;font-weight:bold; " value=" →发→布→你→的→祝→福→纸→ " />
</div></td>
</tr>
</form>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" bgcolor="#F33B78"><span class="style1"> LoveDe 许愿墙解释说明</span></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding:5px; ">⑴免费发布您的祝福纸条，<font color="#FF0000">全部免费</font><br />
⑵
记住系统下发给您的祝福纸条号码可以随时查看；
<br />
⑶
请勿发布有违法律、道德、公序良俗以及任何本站认为不适合在此许愿墙发布的信息。本站保留随时删除此类纸条的权利。删除这些纸条之前不会通知发布人；<br />
⑷您在本站的言行文字引起的任何纠纷与本站无关。<br />
⑸本说明解释权归<a href="http://hi.baidu.com/byjian" target="_blank" class="STYLE4">阿健</a>所有。</td>
</tr>
</table>
</td>
<td align="right" background="images/love_16.gif"> </td>
</tr>
<tr>
<td background="images/love_20.gif"><img src="images/love_19.gif" width="18" height="18" /></td>
<td background="images/love_20.gif"> </td>
<td align="right" background="images/love_20.gif"><img src="images/love_21.gif" width="18" height="18" /></td>
</tr>
</table>
<br />
<hr align="center" width="98%" size="1" />
<br />
<br />
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -