<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
//////////////////////////////////////////////////////////////////////////////////
/// 本程序由BlueChen编写制作 ////
/// 本程序放弃版权,您可以自由修改传播! /////
/// 本人联系QQ:2880127 /////
/// 本人诚心结交天下朋友,欢迎交流。 /////
/// 本人是菜鸟,努力学习中....... /////
/// BlueChen /////
/// 06.02.18 /////
//////////////////////////////////////////////////////////////////////////////////
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>许愿墙</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; }
-->
</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)>第[xxxx]条 </td>
<td style='cursor:hand;' onclick='ssdel()' width='2%'>×</td></tr><tr><td style='height:100px;padding:5px;' colspan='2'><div id="contentsample">我是第9999个添加纸条的人。</div><div id="authsample" style='padding:5px;float:right;'>bluechen</div></td></tr></table></div>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/topbg.jpg">
<tr>
<td width="289" ><img src="images/love_02.jpg" width="289" height="71" class="tdb" /></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"> 星尘许愿墙相关说明</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);">我是第9999个添加纸条的人。</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:s
能叔
- 粉丝: 1
- 资源: 10
最新资源
- 死锁检测异常如何解决.md
- java.输入与输出.md
- InvalidRegexError(解决方案).md
- ParseException解决办法.md
- 版本不兼容异常如何解决.md
- ExtraArgumentError(解决方案).md
- UnsupportedClassVersionError解决办法.md
- MissingArgumentError(解决方案).md
- 校验和错误异常如何解决.md
- java.字节流与字符流.md
- AssertionFailedError解决办法.md
- AllocationError(解决方案).md
- NetworkException解决办法.md
- 解析错误异常如何解决.md
- ProtocolException解决办法.md
- 进程中断异常如何解决.md
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈