郑许地铁

PhoneCall.cshtml 2.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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. <script src="/Content/js/jquery-1.8.3.min.js"></script>
  7. <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  8. <script type="text/javascript" src="/Content/layui/layui.js"></script>
  9. <script src="/Content/js/phonecall.js"></script>
  10. <link href="/Content/css/phonecall.css" rel="stylesheet" />
  11. </head>
  12. <body>
  13. <div class="nexus">
  14. <div class="speaker">
  15. <span class="circle"></span>
  16. <a>
  17. <span class="bo">拨号中·····</span>
  18. <span class="tong">通话中······</span>
  19. </a>
  20. <!-- <span class="numbers" style="font-size:12px; font-weight:normal; color:#989696;"></span> -->
  21. </div>
  22. <div class="screen">
  23. <div class="phone-tab-contents">
  24. <div class="tab phone current">
  25. <div class="number-area">
  26. <input type="text" class="numbers" />
  27. <span class="phone-pic"></span>
  28. </div>
  29. <div class="numbers-container">
  30. <span class="pushed1">1<!-- <em class="brd">o o</em> --></span>
  31. <span class="pushed2">2<!-- <em>ABC</em> --></span>
  32. <span class="pushed3">3<!-- <em>DEF</em> --></span>
  33. <span class="pushed4">4<!-- <em>GHI</em> --></span>
  34. <span class="pushed5">5<!-- <em>JKL</em> --></span>
  35. <span class="pushed6">6<!-- <em>MNO</em> --></span>
  36. <span class="pushed7">7<!-- <em>PQRS</em> --></span>
  37. <span class="pushed8">8<!-- <em>TUV</em>< --></span>
  38. <span class="pushed9">9<!-- <em>WXYZ</em> --></span>
  39. <span class="pushedasterisk "></span>
  40. <span class="pushed0">0<!-- <em>+</em> --></span>
  41. <span class="pushednumber "></span>
  42. </div>
  43. <p class="cover"></p>
  44. </div>
  45. </div>
  46. <ul class="main-btns">
  47. <li><a class="btn-btn"></a></li>
  48. <!--<li class="yes-no"><span class="yes"></span><span class="no" onclick="show()"></span></li>-->
  49. <li><a class="btn-del delete-btn"></a></li>
  50. </ul>
  51. </div>
  52. </div>
  53. </body>
  54. </html>