完善信息页面.html 14.4 KB
<!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=UTF-8" />
<title>Untitled Document</title>
<link href="http://static.yohobuy.com/css/common.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://static.yohobuy.com/css/complete_information.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">
function HideSelect(index1,index2,index3,index4)
{
	//让弹出层显示
	if(index1>0)
	{
		document.getElementById("complete_tc"+index1).style.display="block";
		}
	
	if(index2>0)
	{
		document.getElementById("complete_tc"+index2).style.display="block";
		}
		if(index3>0)
	{
		document.getElementById("complete_tc"+index3).style.display="block";
		}
		if(index4>0)
	{
		document.getElementById("complete_tc"+index4).style.display="block";
		}
	
	//让生日下拉框隐藏
	document.getElementById("year_s").style.display="none";
	document.getElementById("month_s").style.display="none";
	document.getElementById("day_s").style.display="none";
}
function ShowSelect()
{
	//让弹出层隐藏
	document.getElementById("complete_tc1").style.display="none";
	document.getElementById("complete_tc2").style.display="none";
	document.getElementById("complete_tc3").style.display="none";
	document.getElementById("complete_tc4").style.display="none";
	//让生日下拉框显示
	document.getElementById("year_s").style.display="";
	document.getElementById("month_s").style.display="";
	document.getElementById("day_s").style.display="";
}
</script>
</head>

<body class="complete_body">

	<div class="complete_content">
    
    	  <div class="complete_bg1">         	
       	 </div>
        <div class="complete_bg2">
       	  <p class="complete_h1">从现在起您将享受到:</p>
      </div>
        <div class="complete_bg3">
        	<p class="complete_h1">请帮助我们完善信息:</p>
            <p class="complete_p1">为了给您提供更优质的服务,更便捷的消费体验,请您花费30秒时间帮助我们完善信息。</p> 
            
            <!---老用户验证开始--->       
          <div class="complete_verification" >
           	  <dl>
              		<dt><span style="color:#ea024e; "></span>昵称:</dt>
                <dd class="complete_greenname" style="color:#669900;">妖艳的兰州拉面</dd>             
              </dl>
              <dl>
              		<dt><span style="color:#ea024e; "></span>性别:</dt>
                    <dd><input id="gender" type="radio" value="1" name="gender">
                    	   <input id="gender" type="radio" checked="checked" value="2" name="gender">
                    </dd>             
              </dl>
              <dl>
              		<dt><span style="color:#ea024e; "></span>生日:</dt>
<dd><select id="year_s" onchange="QUser.changeYear();" name="year" >
                                    <option value="1950">1950年</option>
                                    <option value="1951">1951年</option>
                                    <option value="1952">1952年</option>
                                    <option value="1953">1953年</option>
                                    <option value="1954">1954年</option>
                                    <option value="1955">1955年</option>
                                    <option value="1956">1956年</option>
                                    <option value="1957">1957年</option>
                                    <option value="1958">1958年</option>
                                    <option value="1959">1959年</option>
                                    <option value="1960">1960年</option>
                                    <option value="1961">1961年</option>
                                    <option value="1962">1962年</option>
                                    <option value="1963">1963年</option>
                                    <option value="1964">1964年</option>
                                    <option value="1965">1965年</option>
                                    <option value="1966">1966年</option>
                                    <option value="1967">1967年</option>
                                    <option value="1968">1968年</option>
                                    <option value="1969">1969年</option>
                                    <option value="1970">1970年</option>
                                    <option value="1971">1971年</option>
                                    <option value="1972">1972年</option>
                                    <option value="1973">1973年</option>
                                    <option value="1974">1974年</option>
                                    <option value="1975">1975年</option>
                                    <option value="1976">1976年</option>
                                    <option value="1977">1977年</option>
                                    <option value="1978">1978年</option>
                                    <option value="1979">1979年</option>
                                    <option value="1980">1980年</option>
                                    <option value="1981">1981年</option>
                                    <option value="1982">1982年</option>
                                    <option value="1983">1983年</option>
                                    <option value="1984">1984年</option>
                                    <option value="1985">1985年</option>
                                    <option value="1986">1986年</option>
                                    <option value="1987">1987年</option>
                                    <option value="1988">1988年</option>
                                    <option value="1989">1989年</option>
                                    <option value="1990">1990年</option>
                                    <option value="1991">1991年</option>
                                    <option value="1992">1992年</option>
                                    <option value="1993">1993年</option>
                                    <option value="1994">1994年</option>
                                    <option selected="" value="1995">1995年</option>
                                    <option value="1996">1996年</option>
                                    <option value="1997">1997年</option>
                                    <option value="1998">1998年</option>
                                    <option value="1999">1999年</option>
                                    <option value="2000">2000年</option>
                                    <option value="2001">2001年</option>
                                    <option value="2002">2002年</option>
                                    <option value="2003">2003年</option>
                                    <option value="2004">2004年</option>
                                    <option value="2005">2005年</option>
                                    <option value="2006">2006年</option>
                                    <option value="2007">2007年</option>
                                    <option value="2008">2008年</option>
                                    <option value="2009">2009年</option>
                                    <option value="2010">2010年</option>
                                    <option value="2011">2011年</option>
                                    </select>
<select id="month_s" onchange="QUser.changeMonth(this);" name="month">
                                    <option value="1">1月</option>
                                    <option value="2">2月</option>
                                    <option value="3">3月</option>
                                    <option value="4">4月</option>
                                    <option value="5">5月</option>
                                    <option value="6">6月</option>
                                    <option value="7">7月</option>
                                    <option value="8">8月</option>
                                    <option value="9">9月</option>
                                    <option selected="" value="10">10月</option>
                                    <option value="11">11月</option>
                                    <option value="12">12月</option>
          </select>
<select id="day_s" name="day">
                                    <option value="1">1日</option>
                                    <option value="2">2日</option>
                                    <option value="3">3日</option>
                                    <option value="4">4日</option>
                                    <option value="5">5日</option>
                                    <option value="6">6日</option>
                                    <option value="7">7日</option>
                                    <option value="8">8日</option>
                                    <option value="9">9日</option>
                                    <option selected="" value="10">10日</option>
                                    <option value="11">11日</option>
                                    <option value="12">12日</option>
                                    <option value="13">13日</option>
                                    <option value="14">14日</option>
                                    <option value="15">15日</option>
                                    <option value="16">16日</option>
                                    <option value="17">17日</option>
                                    <option value="18">18日</option>
                                    <option value="19">19日</option>
                                    <option value="20">20日</option>
                                    <option value="21">21日</option>
                                    <option value="22">22日</option>
                                    <option value="23">23日</option>
                                    <option value="24">24日</option>
                                    <option value="25">25日</option>
                                    <option value="26">26日</option>
                                    <option value="27">27日</option>
                                    <option value="28">28日</option>
                                    <option value="29">29日</option>
                                    <option value="30">30日</option>
                                    <option value="31">31日</option>
          </select>       
           <span>(我们将在您生日的当月发放生日礼包)</span>            
                </dd>
              </dl>
             
              <dl>
              		<dt><span style="color:#ea024e; "></span>手机号码:</dt>
                    <dd><input id="phone" class="complete_input" type="text"  value="13675118172" name="phone">
                    <input name="complete_yz" type="button" class="complete_verificationbut2"  onclick="HideSelect(1,0,0,0)" value="重新发送(60)"/> 
                    <span style="color:#669900; display:none;" >立即验证还可以获得15元YOHO币哦!</span>                              
                    <span>(我们将通过短信为您及时发送发货和到货通知)</span>
                    </dd>             
                     <dd style="display:none;">13675118172                   
                    <span style="color:#669900;">已验证!</span>
                    </dd>
              </dl>
              <dl>
              		<dt><span style="color:#ea024e; "></span>校验码:</dt>
                    <dd> <input id="number" class="input_1" type="text" style="width:60px;"  name="bumber" maxlength="6" >
                    <span style="color:#669900; display:none; ">短信校验码已发送。</span>
                    <span style="color:#ea024e; ">如果您在1分钟内未收到校验码,请点击按钮重新发送。</span></dd>
              </dl>
                  
            <input name="complete_tj" type="button" class="complete_tjbut" onclick="HideSelect(0,0,3,4)" />        
            </div> 
            
            <!---老用户验证结束--->
            
            <!---新用户登录开始--->
<div class="complete_login" style=" display:none;">
           	  <a class="complete_loginbut" href="http://www.yohobuy.com/signin.html" target="_self"></a>
              <a class="complete_registration" href="http://www.yohobuy.com/reg.html" target="_self"></a>
            <p class="complete_p3">您还未登录!</p>
            <p class="complete_p4">请您在登录后帮助我们完善信息,以便我们将YOHO币赠送至您的账户!</p>
          </div>
            <!---新用户登录结束--->
                      
      </div>
        <div class="complete_bg4">
   	    <p class="complete_p2">感谢您的支持与帮助,YOHO!有货将努力为您营造最优质的网络购物体验,祝您购物愉快!</p>
        	<a class="complete_gotoyoho" href="http://www.yohobuy.com" target="_blank"></a>
        </div>       
              		        
            <!---弹出验证成功开始--->
             <div class="complete_tc" id="complete_tc2" style="display:none;">
             	<a class="complete_closebut" href="javascript:void(0)" onclick="ShowSelect()"></a>                
                <div class="complete_right1">
                	<div class="complete_rightp"></div>
                    <p>验证成功!</p>   
				</div>    
                </div>     
                <!---弹出验证成功结束--->
                
               
               <!---弹出完善成功(返yoho币)开始--->
                <div class="complete_tc" id="complete_tc4" style="display:none;" >
                <div class="complete_right3" >   
                <div class="complete_rightp"></div>                                   
                    <p>提交成功!<br/>
                        谢谢您对我们工作的支持!我们将送您15元YOHO币作为感谢,请注意查收。</p>                                 
                        <div class="clear"></div>
                        <a class="complete_gogoyoho" href="http://www.yohobuy.com" target="_self"></a>        
                </div>
                </div>
               <!---弹出完善成功(返yoho币)结束---> 
            
            
            
                    
</div>


    
</body>
</html>