10.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  7. <meta name="format-detection" content="telephone=no">
  8. <title>乐鱼</title>
  9. <meta name="keywords" content="乐鱼" />
  10. <meta name="description" content="乐鱼" />
  11. <link rel="stylesheet" type="text/css" href="/skin/css/style.css" />
  12. <script src="/skin/js/script.js"></script>
  13. <script src="/skin/js/jquery-1.8.3.min.js"></script>
  14. <script src="/skin/js/commonHttp.js"></script>
  15. <script src="/skin/js/jquery.tmpl.js"></script>
  16. </head>
  17. <body style="display: none;">
  18. <!-------------------------------------- 头部开始 -------------------------------------->
  19. <header>
  20. <div class="container full-height">
  21. <div class="logo">
  22. <a href="/"><img src="/skin/images/logo.png"></a>
  23. </div>
  24. <a class="mbtn"></a>
  25. <div class="menu">
  26. <ul>
  27. <li>
  28. <a href="/">网站首页</a>
  29. </li>
  30. <div id="NavlistContent">
  31. </div>
  32. <li>
  33. <a href="/a/lianxiwomen/">联系我们</a>
  34. </li>
  35. </ul>
  36. </div>
  37. <div class="foot">
  38. <p class="p1">
  39. <a href="http://wpa.qq.com/msgrd?v=3&uin=80044685&site=qq&menu=yes" id="footqq" class="ico ico1"></a>
  40. <a class="ico ico2"><img src="/skin/images/qbox.png"></a>
  41. <!--<a href="https://weibo.com/" class="ico ico3"></a>-->
  42. </p>
  43. <p class="p2">杭州乐鱼旅行社有限公司 版权所有</p>
  44. </div>
  45. </div>
  46. </header>
  47. <!-------------------------------------- 头部结束 -------------------------------------->
  48. <!-------------------------------------- 主体开始 -------------------------------------->
  49. <main>
  50. <div class="ui-fullpart bg-g">
  51. <div class="container">
  52. <div class="ui-article">
  53. <div class="ct" id="introduce"> 此处文案内容可根据您企业内容进行编辑,可更换文字、图片等常用元素,此处文案内容可根据您企业内容进行编辑,可更换文字、图片等常用元素,此处文案内容可根据您企业内容进行编辑,可更换文字、图片等常用元素,此处文案内容可根据您企业内容进行编辑。 </div>
  54. <!--<div class="ft">
  55. <p>上一篇:没有了 </p>
  56. <p>下一篇:
  57. <a href='/a/jingqutese/2.html'>茗品茶香</a>
  58. </p>
  59. </div>-->
  60. </div>
  61. </div>
  62. </div>
  63. </main>
  64. <!-------------------------------------- 主体结束 -------------------------------------->
  65. <!-------------------------------------- 尾部开始 -------------------------------------->
  66. <footer>
  67. <div class="container">
  68. <div class="info">
  69. <p><span class="pull-right"><span class="loca"><a href="/a/lianxiwomen/ ">目的地指南</a> <em>/</em>联系电话:<text id="phoneq"></text></span></span>
  70. <a href="/">网站首页</a> <i>|</i>
  71. <span id="FootlistContent" >
  72. </span>
  73. <a href="/a/lianxiwomen/">联系我们</a>
  74. </p>
  75. </div>
  76. </div>
  77. </footer>
  78. <!-------------------------------------- 尾部开始 -------------------------------------->
  79. <script type="text/html" id="NavlistTemplate">
  80. <li>
  81. <a href="{{= url}}?id={{= id }}">{{= name }}</a>
  82. </li>
  83. </script>
  84. <script type="text/html" id="FootlistTemplate">
  85. <a href="{{= url}}?id={{= id }}">{{= name }}</a> <i>|</i>
  86. </script>
  87. <script>
  88. var id = getQueryString("id");
  89. //页面转载完毕后启动
  90. $(document).ready(function() {
  91. GetNavList();
  92. GetContent();
  93. About();
  94. });
  95. //左侧栏目
  96. function GetNavList() {
  97. //定义请求URL
  98. var url = apiRootPath + 'api/index/allType';
  99. $.get(url, '', function(result) {
  100. if(result.code != 200) {
  101. alert(result.msg);
  102. return;
  103. }
  104. //绑定数据
  105. $("#NavlistTemplate").tmpl(result.data).appendTo("#NavlistContent");
  106. $("#NavlistContent").find('li a').eq(2).addClass('on');
  107. $("#FootlistTemplate").tmpl(result.data).appendTo("#FootlistContent");
  108. }, "json");
  109. }
  110. //内容
  111. function GetContent(){
  112. var parm ={
  113. id:id
  114. }
  115. //定义请求URL
  116. var url = apiRootPath + 'api/index/introduceInfo';
  117. $.post(url,parm, function(result) {
  118. if(result.code != 200) {
  119. alert(result.msg);
  120. return;
  121. }
  122. //绑定数据
  123. $("#introduce").html(result.data[0].introduce);
  124. $("#introduce img").each(function(){
  125. var img_url = $(this).attr("src");
  126. $(this).attr('src',imgurl+img_url);
  127. });
  128. }, "json");
  129. }
  130. function About(){
  131. //定义请求URL
  132. var url = apiRootPath + 'api/index/aboutUs';
  133. $.get(url, '', function(result) {
  134. if(result.code != 200) {
  135. alert(result.msg);
  136. return;
  137. }
  138. //绑定数据
  139. $("#phoneq").html(result.data.phone);
  140. $("#footqq").attr('href','http://wpa.qq.com/msgrd?v=3&amp;uin='+result.data.qq+'&amp;site=qq&amp;menu=yes');
  141. }, "json");
  142. }
  143. </script>
  144. </body>
  145. </html>