适合在留言本或注册时候用的效果(鼠标移动后显示不同文字)

本文介绍了一个包含表单验证和快捷留言功能的示例代码。该表单用于收集用户的个人信息,如姓名、电话等,并提供了鼠标悬停提示及预设留言选项。
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
可以有一些快捷方式
<script language="JavaScript" type="text/javascript"> 
//定义显示文本
var text1= new Array() 
text1[0]="<table border='0' cellpadding='3' cellspacing='1' style='border-collapse: collapse'><tr><td><span style='font-size:12px;color:#FF0000;line-height:15px;'>* </span><span style='font-size:12px;color:#919490;line-height:15px;'>您的真实姓名,请使用中文 </span></td></tr></table>"
text1[1]="<table border='0' cellpadding='3' cellspacing='1' bordercolor='#000000' bgcolor='#000000' style='border-collapse: collapse'><tr><td bgcolor='#F7FFDE'><span style='font-size:12px;color:#FF0000;line-height:15px;'>* </span><span style='font-size:12px;color:#4A5D00;line-height:15px;'>您的真实姓名,请使用中文 </span></td></tr></table>"
var text2= new Array()
text2[0]="<table border='0' cellpadding='3' cellspacing='1' style='border-collapse: collapse'><tr><td><span style='font-size:12px;color:#FF0000;line-height:15px;'>* </span><span style='font-size:12px;color:#919490;line-height:15px;'>电话是与您联系的重要方式,请正确填写 </span></td></tr></table>"
text2[1]="<table border='0' cellpadding='3' cellspacing='1' bordercolor='#000000' bgcolor='#000000' style='border-collapse: collapse'><tr><td bgcolor='#F7FFDE'><span style='font-size:12px;color:#FF0000;line-height:15px;'>* </span><span style='font-size:12px;color:#4A5D00;line-height:15px;'>电话是与您联系的重要方式,请正确填写 </span></td></tr></table>"
var text3= new Array()
text3[0]="<table border='0' cellpadding='3' cellspacing='1' style='border-collapse: collapse'><tr><td><span style='font-size:12px;color:#919490;line-height:15px;'>&nbsp;&nbsp;为了便于和你本人联系,请务必填写手机号</span></td></tr></table>"
text3[1]="<table border='0' cellpadding='3' cellspacing='1' bordercolor='#000000' bgcolor='#000000' style='border-collapse: collapse'><tr><td bgcolor='#F7FFDE'><span style='font-size:12px;color:#4A5D00;line-height:15px;'>&nbsp;&nbsp;为了便于和你本人联系,请务必填写手机号</span></td></tr></table>"
var text4= new Array()
text4[0]="<table border='0' cellpadding='3' cellspacing='1' style='border-collapse: collapse'><tr><td><span style='font-size:12px;color:#919490;line-height:15px;'>&nbsp;&nbsp;请正确填写电子信箱,以便给您发送相关资料</span></td></tr></table>"
text4[1]="<table border='0' cellpadding='3' cellspacing='1' bordercolor='#000000' bgcolor='#000000' style='border-collapse: collapse'><tr><td bgcolor='#F7FFDE'><span style='font-size:12px;color:#4A5D00;line-height:15px;'>&nbsp;&nbsp;请正确填写电子信箱,以便给您发送相关资料</span></td></tr></table>"
var text5= new Array()
text5[0]="<table border='0' cellpadding='3' cellspacing='1' style='border-collapse: collapse'><tr><td><span style='font-size:12px;color:#FF0000;line-height:15px;'>* </span><span style='font-size:12px;color:#919490;line-height:15px;'>地址是与您联系的重要方式,以保证资料邮递</span></td></tr></table>"
text5[1]="<table border='0' cellpadding='3' cellspacing='1' bordercolor='#000000' bgcolor='#000000' style='border-collapse: collapse'><tr><td bgcolor='#F7FFDE'><span style='font-size:12px;color:#FF0000;line-height:15px;'>* </span><span style='font-size:12px;color:#4A5D00;line-height:15px;'>地址是与您联系的重要方式,以保证资料邮递</span></td></tr></table>"
var text6= new Array()
text6[0]="<table border='0' cellpadding='3' cellspacing='1' style='border-collapse: collapse'><tr><td><span style='font-size:12px;color:#FF0000;line-height:15px;'>* </span><span style='font-size:12px;color:#919490;line-height:15px;'>请正确填写邮政编码</span></td></tr></table>"
text6[1]="<table border='0' cellpadding='3' cellspacing='1' bordercolor='#000000' bgcolor='#000000' style='border-collapse: collapse'><tr><td bgcolor='#F7FFDE'><span style='font-size:12px;color:#FF0000;line-height:15px;'>* </span><span style='font-size:12px;color:#4A5D00;line-height:15px;'>请正确填写邮政编码</span></td></tr></table>"
//定义显示函数
function init1(){
my1.innerHTML=text1[1];
my2.innerHTML=text2[0];
my3.innerHTML=text3[0];
my4.innerHTML=text4[0];
my5.innerHTML=text5[0];
}
function init2(){
my1.innerHTML=text1[0];
my2.innerHTML=text2[1];
my3.innerHTML=text3[0];
my4.innerHTML=text4[0];
my5.innerHTML=text5[0];
}
function init3(){
my1.innerHTML=text1[0];
my2.innerHTML=text2[0];
my3.innerHTML=text3[1];
my4.innerHTML=text4[0];
my5.innerHTML=text5[0];
}
function init4(){
my1.innerHTML=text1[0];
my2.innerHTML=text2[0];
my3.innerHTML=text3[0];
my4.innerHTML=text4[1];
my5.innerHTML=text5[0];
}
function init5(){
my1.innerHTML=text1[0];
my2.innerHTML=text2[0];
my3.innerHTML=text3[0];
my4.innerHTML=text4[0];
my5.innerHTML=text5[1];
}
function init6(){
my1.innerHTML=text1[0];
my2.innerHTML=text2[0];
my3.innerHTML=text3[0];
my4.innerHTML=text4[0];
my5.innerHTML=text5[0];
}
function closeinit(){
my1.innerHTML=text1[0];
my2.innerHTML=text2[0];
my3.innerHTML=text3[0];
my4.innerHTML=text4[0];
my5.innerHTML=text5[0];
}
function showdiv()
{
menu_1.style.display="block";
menu_1.style.clip="rect(0 0 0 0)";
}
function hiddendiv()
{
menu_1.style.display="none";
}
function keepdiv()
{
menu_1.style.display="block";
}
function sel(theinput)
{
if(document.getElementById("memo").value!="")
document.getElementById("memo").value+="/n"+theinput
else
document.getElementById("memo").value=theinput
}
</script>
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0" class="bzx">
   <form name="form1" target="_blank" method="post" action="http://www.u88.cn:80/MytpFile/MyAdWeb/AdWebGbookSave.Asp?User_Name=" onsubmit="return check2()">
  <tr>
    <td  bgcolor="ffffff"><table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
        
              <tr> 
                <td width="49"> <div align="right"><span style="font-size:12px;color:#000000;">姓名:</span></div></td>
                <td width="220"><input name="name" type="text" style="width:258px;" value="" onMouseOver="init1()" class="gbook_biaoge"></td>
                <td Id="my1"><table border="0" cellpadding="3" cellspacing="1" style="border-collapse: collapse"><tr><td ><span style="font-size:12px;text-decoration: unline;"><font color="#FF0000">* </font></span><span style="font-size:12px;text-decoration: unline;"><font color="#919490">您的真实姓名,请使用中文 </font></span></td></tr></table></td>
              </tr>
              <tr>
                <td> <div align="right"><span style="font-size:12px;color:#000000;">电话:</span>
                  </div></td>
                <td><input name="phone" type="text" style="width:258px;" value="" onMouseOver="init2()" class="gbook_biaoge"></td>
                <td  Id="my2"><table border="0" cellpadding="3" cellspacing="1" style="border-collapse: collapse"><tr><td  class="gbook_down1"><span style="font-size:12px;text-decoration: unline;"><font color="#FF0000">* </font></span><span style="font-size:12px;text-decoration: unline;"><font color="#919490">电话是与您联系的重要方式,请正确填写 </font></span></td></tr></table></td>
              </tr>
              <tr>
                <td><div align="right"><span style="font-size:12px;color:#000000;">手机:</span></div></td>
                <td><input name="mobile" type="text" style="width:258px;" value="" onMouseOver="init3()" class="gbook_biaoge"></td>
                <td class="hui" Id="my3"><table border="0" cellpadding="3" cellspacing="1" style="border-collapse: collapse"><tr><td><span style="font-size:12px;color:919490;line-height:15px;"><span style="font-size:12px;text-decoration: unline;"><font color="#919490"> &nbsp;&nbsp;为了便于和你本人联系,请务必填写手机号</font></span></td></tr></table></td>
              </tr>
              <tr>
                <td><div align="right"><span style="font-size:12px;color:#000000;">地址:</span></div></td>
                <td><input name="address" type="text" style="width:258px;" value="" onMouseOver="init5()" class="gbook_biaoge"></td>
                <td Id="my5"><table border="0" cellpadding="3" cellspacing="1" style="border-collapse: collapse"><tr><td class="gbook_down1"><span style="font-size:12px;text-decoration: unline;"><font color="#FF0000">* </font></span><span style="font-size:12px;text-decoration: unline;"><font color="#919490">地址是与您联系的重要方式,以保证资料邮递</font></span></td></tr></table></td>
              </tr>
              <tr>
                <td><div align="right"><span style="font-size:12px;color:#000000;">邮编:</span></div></td>
                <td><input name="zip" type="text" style="width:258px;" value="" onMouseOver="closeinit()" class="gbook_biaoge"></td>
                <td> <a href="http://www.yp.net.cn/schinese/search/AreaPostCode.asp" target="_blank"    ><span style="font-size:12px;text-decoration: underline;font-weight:normal;"><font color="#919490">如果不知道邮编,点击这里查找</font></span></a></td>
              </tr>
              <tr> 
                <td><div align="right"><span style="font-size:12px;color:#000000;">邮箱:</span></div></td>
                <td><input name="email" type="text" style="width:258px;" value="" onMouseOver="init4()" class="gbook_biaoge"></td>
                <td class="hui" Id="my4"><table border="0" cellpadding="3" cellspacing="1" style="border-collapse: collapse"><tr><td class="gbook_down1"><span style="font-size:12px;text-decoration: unline;"><font color="#919490">&nbsp;&nbsp;请正确填写电子信箱,以便给您发送相关资料</font></span></td></tr></table></td>
              </tr>
              <tr>
                <td height="141" valign="top" style="padding-top=3px">
                  <div align="right"><span style="font-size:12px;color:#000000;">留言:</span></div></td>
                <td><textarea name="memo" cols="25" rows="10" style="width:258px;" id=menubar_1 onMouseOver="closeinit();showdiv();" onMouseOut="hiddendiv();" class="gbook_biaoge"></textarea></td>
                <td valign="top" onMouseOver="showdiv();">
<table border='0' cellspacing='0' cellpadding='0' id=menu_1 align=left style='display:none;' onmouseover=keepdiv()>
  <tr>
    <td bgcolor='#F2E4CC'>
<table width='100%' border='0' cellspacing='1' cellpadding='1'>
      <tr>
        <td height='20' bgcolor='FFE6BB' align='center' style='line-height:15px;'><span style='font-size:12px;text-decoration: none;LETTER-SPACING:0px;'><font color='#9A5D0D'>*请您填写留言或根据意向选择下列快捷留言*</font></span></td>
      </tr>
<tr>
       <td height='18' bgcolor='#FBF8F1' style='line-height:15px;'><span OnClick=sel('项目不错,请速寄资料。') style='font-size:12px;text-decoration: none;font-weight:normal;LETTER-SPACING:0px;cursor:hand;'><font color='#666666'>&nbsp;&nbsp;项目不错,请速寄资料。</font></span></td>
     </tr>
     <tr>
       <td height='18' bgcolor='#FFFFFF' style='line-height:15px;'><span OnClick=sel('好项目,电话详谈吧!') style='font-size:12px;text-decoration: none;font-weight:normal;LETTER-SPACING:0px;cursor:hand;'><font color='#666666'>&nbsp;&nbsp;好项目,电话详谈吧!</font></span></td>
     </tr>
     <tr>
       <td height='18' bgcolor='#FBF8F1' style='line-height:15px;'><span OnClick=sel('很感兴趣,想知道加盟细节。') style='font-size:12px;text-decoration: none;font-weight:normal;LETTER-SPACING:0px;cursor:hand;'><font color='#666666'>&nbsp;&nbsp;很感兴趣,想知道加盟细节。</font></span></td>
     </tr>
     <tr>
       <td height='18' bgcolor='#FFFFFF' style='line-height:15px;'><span OnClick=sel('想去贵公司考察,请来电话预约时间。') style='font-size:12px;text-decoration: none;font-weight:normal;LETTER-SPACING:0px;cursor:hand;'><font color='#666666'>&nbsp;&nbsp;想去贵公司考察,请来电话预约时间。</font></span></td>
     </tr>
     <tr>
       <td height='18' bgcolor='#FBF8F1' style='line-height:15px;'><span OnClick=sel('我想加盟,请电话联系我。') style='font-size:12px;text-decoration: none;font-weight:normal;LETTER-SPACING:0px;cursor:hand;'><font color='#666666'>&nbsp;&nbsp;我想加盟,请电话联系我。</font></span></td>
     </tr>
</table>
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值