0-登录.html 3.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>黑龙江昆仑盛和安体检中心</title>
  6. <link rel="stylesheet" type="text/css" href="../style/common.css">
  7. <link rel="stylesheet" type="text/css" href="../style/user.css">
  8. <!--[if lt IE 9]>
  9. <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  10. <![endif]--><!--窗口自适应适配低端IE-->
  11. <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  12. </head>
  13. <body>
  14. <div class="reg-header">
  15. <div class="wp"><img src="../style/logo-n.png" /></div>
  16. </div>
  17. <div class="wp ov-h mt50">
  18. <div class="log-box">
  19. <script type="text/javascript">
  20. function showtabs(m,n,count){
  21. for(var i=1;i<=count;i++){
  22. if (i==n){
  23. getObject('menutab_'+m+'_'+i).style.display='';
  24. getObject('menu_'+m+'_'+i).className='menub1_1';
  25. } else {
  26. getObject('menutab_'+m+'_'+i).style.display='none';
  27. getObject('menu_'+m+'_'+i).className='menub1_2';}
  28. }
  29. }
  30. function getObject(objectId) {
  31. if(document.getElementById && document.getElementById(objectId)){
  32. return document.getElementById(objectId);
  33. } else if (document.all && document.all(objectId)) {
  34. return document.all(objectId);
  35. } else if (document.layers && document.layers[objectId]) {
  36. return document.layers[objectId];
  37. } else {
  38. return false;
  39. }
  40. }
  41. </script>
  42. <div class="l-t">
  43. <div class="menub1_1" id="menu_1_1" onclick="showtabs(1,1,5);">手机号快速登录</div>
  44. <div class="menub1_2" id="menu_1_2" onclick="showtabs(1,2,5);">密码登录</div>
  45. </div>
  46. <div class="l-b">
  47. <div class="menugtab" id="menutab_1_1">
  48. <div class="txt"><div class="tel-icon"></div><input name="" type="text" class="tel" placeholder="请输入手机号" /></div>
  49. <div class="txt"><input name="" type="text" class="small" placeholder="图形验证码" /><img src="" /></div>
  50. <div class="txt"><input name="" type="text" class="small" placeholder="短信验证码" /><button class="send-btn">发送验证码</button><!-- class="send-btn-"为发送中样式,多了一个(-)--></div>
  51. <div class="clearfix"></div>
  52. <button class="btn">同意下方协议并登录</button>
  53. <p class="text-c"><a href="#" class="f12 c999">《盛和安医学影像诊断中心用户注册协议》</a></p>
  54. <!--<a href="#" class="new-reg">新用户注册<a>-->
  55. </div>
  56. <div class="menugtab" id="menutab_1_2" style="display: none">
  57. <div class="txt"><div class="user-icon"></div><input name="" type="text" class="tel" placeholder="请输入手机号" /></div>
  58. <div class="txt"><div class="pwd-icon"></div><input name="" type="text" class="tel" placeholder="请输入密码" /></div>
  59. <div class="txt"><input name="" type="text" class="small" placeholder="图形验证码" /><img src="" /></div>
  60. <!--<p class="text-r mr20"><a href="####" class="f12 cBlue">找回密码</a></p>-->
  61. <button class="btn">登录</button>
  62. <!--<a href="#" class="new-reg">新用户注册<a>-->
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. </body>
  68. </html>