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

来源:互联网 发布:jdk 7u67 windows x32 编辑:程序博客网 时间:2024/04/30 21:42
<script type="text/javascript"><!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--></script><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>
原创粉丝点击