assistants.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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="${ctx}/assets/common/assistants/css/style.css" />
  7. <script type="text/javascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script>
  8. <script type="text/javascript">
  9. var main=document.location.href;
  10. function speak(str) {
  11. //str=clearString(str);
  12. var mp3="http://tsn.baidu.com/text2audio?tex=" + encodeURIComponent(str) + "&lan=zh&cuid=123qwe&ctp=1&tok=${token}";
  13. $("#mp3audio").attr("src",mp3);
  14. //console.log(mp3);
  15. /* $("#mp3player").empty().append($("<audio controls autoplay src='"+mp3+"'></audio>"));
  16. audiojs.events.ready(function() {
  17. var as = audiojs.createAll();
  18. }); */
  19. //$.getScript("${ctx}/assets/common/html5media/html5media.min.js");
  20. }
  21. $(function(){
  22. var size=30;
  23. $("#fdzt").click(function(){
  24. size=size+5;
  25. $("#bigfont").css("font-size",size+"px");
  26. });
  27. $("#sxzt").click(function(){
  28. size=size-5;
  29. $("#bigfont").css("font-size",size+"px");
  30. });
  31. })
  32. </script>
  33. </head>
  34. <body>
  35. <div class="top">
  36. <div class="ribbon">
  37. <div style="width:214px;" class="group">
  38. <div class="content">
  39. <div cmd="reset" class="bigtool">
  40. <a href="javascript:top.document.location.href=main">
  41. <img src="${ctx}/assets/common/assistants/images/fy.png"/>
  42. <span>复原</span>
  43. </a>
  44. </div>
  45. <div cmd="back" class="bigtool disabled">
  46. <a href="javascript:history.go(-1);">
  47. <img src="${ctx}/assets/common/assistants/images/ht.png"/>
  48. <span>后退</span></a>
  49. </div>
  50. <div cmd="forward" class="bigtool disabled">
  51. <a href="javascript:history.go(1);">
  52. <img src="${ctx}/assets/common/assistants/images/qj.png"/>
  53. <span>前进</span>
  54. </a>
  55. </div>
  56. <div cmd="refresh" class="bigtool">
  57. <a href="javascript:iframe1.window.location.reload()">
  58. <img src="${ctx}/assets/common/assistants/images/sx.png"/>
  59. <span>刷新</span>
  60. </a>
  61. </div>
  62. </div>
  63. <div class="footer">
  64. 浏览
  65. </div>
  66. </div>
  67. <div class="seperator"></div>
  68. <div class="group">
  69. <div class="content">
  70. <div cmd="fontplus" class="bigtool" id="fdzt" style="cursor: pointer;">
  71. <img src="${ctx}/assets/common/assistants/images/ztj.png">
  72. <span>放大字体</span>
  73. </div>
  74. <div cmd="fontminus" class="bigtool" id="sxzt" style="cursor: pointer;">
  75. <img src="${ctx}/assets/common/assistants/images/zt-.png">
  76. <span>缩小字体</span>
  77. </div>
  78. </div>
  79. <div class="footer">
  80. 工具
  81. </div>
  82. </div>
  83. <div class="seperator"></div>
  84. </div>
  85. <div id="mp3player"><audio id="mp3audio" controls autoplay src="a.mp3"></audio></div>
  86. </div>
  87. <div class="center"><iframe name="iframe1" id="iframe1" width="100%" height=800 src="${service}"></iframe></div>
  88. <div class="bottom">
  89. <div class="bottom-l" id="bigfont" style="font-size:30px"></div>
  90. <div class="bottom-r">阅<br />读<br />屏</div>
  91. </div>
  92. </body>
  93. </html>