index.html 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. <title>纵横电子签名生成Web版</title>
  5. <meta charset=utf-8>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <!-- Bootstrap -->
  8. <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  9. </head>
  10. <body style="padding-top:60px">
  11. <div class="navbar navbar-inverse navbar-fixed-top">
  12. <div class="navbar-inner">
  13. <div class="container">
  14. <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  15. <span class="icon-bar"></span>
  16. <span class="icon-bar"></span>
  17. <span class="icon-bar"></span>
  18. </button>
  19. <a class="brand" href="index.html">纵横电子签名生成Web版</a>
  20. <div class="nav-collapse collapse hide">
  21. <ul class="nav">
  22. <li class="active"><a href="#">首页</a></li>
  23. </ul>
  24. </div><!--/.nav-collapse -->
  25. </div>
  26. </div>
  27. </div>
  28. <div class="container">
  29. <h1>使用前须知</h1>
  30. <div class="hero-unit">
  31. <h3><span class="label label-important"><h5>第一步</h5></span>&nbsp;使用IE浏览器</h3>
  32. <p>360、搜狗、傲游等浏览器,均是双核浏览器,即兼容模式下为支持,请切换至兼容模式(IE内核模式)。<b>当然建议直接使用IE吧。</b></p>
  33. <p>Windows 10,请参照这个 <a href="#openie" role="button" class="btn" data-toggle="modal"><i class="icon-question-sign"></i> 教程</a> 打开IE(Internet Explprer)。</p>
  34. </div>
  35. <div class="hero-unit">
  36. <h3><span class="label label-important"><h5>第二步</h5></span>&nbsp;安装驱动</h3>
  37. <p>下载安装手写板的驱动文件。<a href="file/HWSetUp.exe" class="btn"><i class=" icon-download"></i> 点击下载驱动</a></p>
  38. <p>重启浏览器。</p>
  39. </div>
  40. <div class="hero-unit">
  41. <h3><span class="label label-important"><h5>第三步</h5></span>&nbsp;手写板接入电脑主机</h3>
  42. <p>手写板通电并显示<a href="#logo" role="button" data-toggle="modal" title="LOGO预览">汉王LOGO</a>。</p>
  43. <p>
  44. <a class="btn btn-primary btn-large" href="main.html">
  45. 开始使用
  46. </a>
  47. </p>
  48. </div>
  49. </div>
  50. <!-- Modal -->
  51. <div id="openie" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  52. <div class="modal-header">
  53. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  54. <h3 id="myModalLabel">Windwos 10 如何打开IE</h3>
  55. </div>
  56. <div class="modal-body">
  57. <p>使用Edge浏览器打开网站,打开菜单下的“使用 Internet Explorer 打开”。</p>
  58. <p class="text-center"><img src="img/edge.jpg"></p>
  59. </div>
  60. <div class="modal-footer">
  61. <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  62. </div>
  63. </div>
  64. <!-- Modal -->
  65. <div id="logo" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  66. <div class="modal-header">
  67. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  68. <h3 id="myModalLabel">正确通电显示以下内容</h3>
  69. </div>
  70. <div class="modal-body">
  71. <p><img src="img/hanvon.jpg"></p>
  72. </div>
  73. <div class="modal-footer">
  74. <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  75. </div>
  76. </div>
  77. <script src="js/jquery-1.9.1.min.js"></script>
  78. <script src="js/bootstrap.min.js"></script>
  79. </body>