暫無描述

index.html 9.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
  7. <link rel="stylesheet" type="text/css" href="../common/reset.css"/>
  8. <link rel="stylesheet" type="text/css" href="./css/index.css?v=1"/>
  9. <title>海鲜</title>
  10. <script src="../common/jquery-2.1.0.js"></script>
  11. <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1278002901'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s9.cnzz.com/z_stat.php%3Fid%3D1278002901' type='text/javascript'%3E%3C/script%3E"));</script>
  12. <script type="text/javascript">
  13. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  14. window.onresize = function(){
  15. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  16. }
  17. document.getElementById("cnzz_stat_icon_1278002901").style.display="none"; // 隐藏统计小图标
  18. //声明_czc对象:
  19. var _czc = _czc || [];
  20. //绑定siteid,请用您的siteid替换下方"XXXXXXXX"部分
  21. _czc.push(["_setAccount", "1278002901"]);
  22. </script>
  23. </head>
  24. <body>
  25. <!-- 文章内容 -->
  26. <div id="container">
  27. <h2>窝在家居然也能吃到海捕野生海鲜,太惊喜.........</h2>
  28. <p class="seafood_hint">今天带给大家是海鲜吃法合集!<br/>吃货们准备好了吗?</p>
  29. <img class="seafood_img" _width="auto" src="./img/640.jpeg">
  30. <div class="seafood_con seafood_con_one">
  31. <span class="name"><i>卍</i>黄翅鱼<i>卐</i></span>
  32. <p>清蒸黄翅鱼、香煎黄翅鱼、酸汤黄骨鱼、豉汁蒸黄骨鱼、剁椒黄翅鱼、奶白黄翅鱼汤</p>
  33. <em>1</em>
  34. </div>
  35. <div class="seafood_con seafood_con_two">
  36. <span class="name"><i>卍</i>马鲛鱼<i>卐</i></span>
  37. <p>香煎马鲛鱼、番茄炖鲅鱼、糖醋马鲛鱼、砂锅焗马鲛鱼、马鲛鱼滑、姜汁豆豉蒸马鲛鱼</p>
  38. <em>2</em>
  39. </div>
  40. <img class="seafood_img" _width="auto" src="./img/640-1.jpeg">
  41. <img class="seafood_img seafood_img_two" _width="auto" src="./img/640-2.jpeg">
  42. <div class="seafood_con seafood_con_one">
  43. <span class="name"><i>卍</i>黄花鱼<i>卐</i></span>
  44. <p>酥炸黄花鱼、酱汁黄花鱼、糖醋黄花鱼、茄汁黄花鱼、家常干烧黄花鱼、蒜烧黄花鱼</p>
  45. <em>3</em>
  46. </div>
  47. <img class="seafood_img" src="https://kx-tbk.oss-cn-beijing.aliyuncs.com/seafood_wx.jpeg"/>
  48. <div class="seafood_con seafood_con_two">
  49. <span class="name"><i>卍</i>墨鱼<i>卐</i></span>
  50. <p>双椒炒墨鱼、芹菜炒墨鱼、酱汁墨鱼、墨鱼干烧肉、蒜蓉蒸墨鱼仔金针菇、墨鱼排骨汤 </p>
  51. <em>4</em>
  52. </div>
  53. <img class="seafood_img" _width="auto" src="./img/640-3.jpeg">
  54. <img class="seafood_img seafood_img_two" _width="auto" src="./img/640-4.jpeg">
  55. <div class="seafood_con seafood_con_one">
  56. <span class="name"><i>卍</i>小章鱼<i>卐</i></span>
  57. <p>酱爆小章鱼、辣炒小章鱼、葱油小章鱼、酱香小章鱼、青椒炒小章鱼、小章鱼炒饭</p>
  58. <em>5</em>
  59. </div>
  60. <img class="seafood_img" src="https://kx-tbk.oss-cn-beijing.aliyuncs.com/seafood_wx.jpeg"/>
  61. <div class="seafood_con seafood_con_two">
  62. <span class="name"><i>卍</i>斑节虾<i>卐</i></span>
  63. <p>白灼斑节虾、蒜蓉蒸斑节虾、盐烤大虾、松鼠斑节虾、葱爆斑节虾、XO酱斑节虾 </p>
  64. <em>6</em>
  65. </div>
  66. <img class="seafood_img" _width="auto" src="./img/640-5.jpeg">
  67. <img class="seafood_img seafood_img_two" _width="auto" src="./img/640-6.jpeg">
  68. <div class="seafood_con seafood_con_one">
  69. <span class="name"><i>卍</i>青龙虾<i>卐</i></span>
  70. <p>蒜蓉蒸青龙虾、芝士焗青龙虾、青龙虾刺身、柠檬大蒜烤龙虾尾、葱姜炒青龙虾、芝士焗青龙虾</p>
  71. <em>7</em>
  72. </div>
  73. <img class="seafood_img" src="https://kx-tbk.oss-cn-beijing.aliyuncs.com/seafood_wx.jpeg"/>
  74. <div class="seafood_con seafood_con_two">
  75. <span class="name"><i>卍</i>青蟹<i>卐</i></span>
  76. <p>清蒸三门青蟹、葱油青蟹、避风塘炒青蟹、咸蛋黄焗青蟹、青蟹蒸蛋羹、香辣青蟹 </p>
  77. <em>8</em>
  78. </div>
  79. <img class="seafood_img" _width="auto" src="./img/640-7.jpeg">
  80. <img class="seafood_img seafood_img_two" _width="auto" src="./img/640-8.jpeg">
  81. <div class="seafood_con seafood_con_one">
  82. <span class="name"><i>卍</i>鲍鱼<i>卐</i></span>
  83. <p>蚝汁鲍鱼、蒜蓉粉丝蒸鲍鱼、小鲍鱼炖土豆、鲍鱼海鲜粥、鲍鱼捞饭、葱油鲍鱼</p>
  84. <em>9</em>
  85. </div>
  86. <div class="seafood_con seafood_con_two">
  87. <span class="name"><i>卍</i>小银鱼<i>卐</i></span>
  88. <p>煎炒小银鱼、小银鱼炒蛋、油炸小银鱼、小银鱼粥、韭菜虾米炒小银鱼、小银鱼菌菇鸡蛋汤 </p>
  89. <em>10</em>
  90. </div>
  91. <img class="seafood_img" _width="auto" src="./img/640-9.jpeg">
  92. <img class="seafood_img" src="https://kx-tbk.oss-cn-beijing.aliyuncs.com/seafood_wx.jpeg"/>
  93. <div class="small_title">
  94. <p>海鲜的价值</p>
  95. </div>
  96. <p class="seafood_vlaue">在所有食品中,海鲜是最容易被消化、吸收的食品,吸收率达70%。而且海鲜能使人身体苗条、皮肤白皙、细腻。海鲜中含有多种维生素以及碘、钙、锌等对人体有益的物质。海鲜的蛋白质和矿物质含量高,并且比肉类更鲜嫩,很适合老人小孩吃。</p>
  97. <img class="seafood_img" src="./img/640.gif"/>
  98. <div class="peroration">
  99. <p>写到最后一个字</p>
  100. <p>小编的肚子叫了一百零一次</p>
  101. <p>有没有你相中的一道美食?</p>
  102. <p>如果有,那就赶紧<span>点击右侧悬浮按钮,复制微信号,关注微信了解更多吧</span></p>
  103. <img class="seafood_img" style="margin:15px 0;" src="./img/640-10.jpeg"/>
  104. <p>我们可以保证从海边到您的餐桌</p>
  105. <p>全程低温快递,全程顺丰配送</p>
  106. <p style="color: rgb(95, 156, 239)">24小时内送达,一路绿灯服务</p>
  107. <p>绝不让鲜味因距离而改变</p>
  108. </div>
  109. <img class="seafood_img" src="https://kx-tbk.oss-cn-beijing.aliyuncs.com/seafood_wx.jpeg"/>
  110. </div>
  111. <button class="copyButton" onclick="copyPassword()">☞复制微信号☜</button>
  112. <!--复制壳子-->
  113. <input id="copy_1" type="text" readOnly="true" value=""/>
  114. <div id="copy_2"></div>
  115. <!--toast-->
  116. <div class="alert-info" style="display: none;">
  117. <!-- tip提示,3s后消失 -->
  118. <p></p>
  119. </div>
  120. </body>
  121. </html>
  122. <script>
  123. var qs = parseQueryString(window.location.href);
  124. $().ready(function () {
  125. _czc.push(["_trackEvent",'海鲜添加微信','页面进入','']);
  126. if(qs.name){
  127. document.title=qs.name;
  128. }
  129. })
  130. function copyPassword() {
  131. _czc.push(["_trackEvent",'海鲜添加微信','复制微信号','']);
  132. var data=qs.wx?qs.wx:'kuxuan1108';
  133. copy_2.innerHTML = data;
  134. copy_1.value = data;
  135. if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
  136. //区分iPhone设备
  137. window.getSelection().removeAllRanges();//这段代码必须放在前面否则无效
  138. var Url2=document.getElementById("copy_2");//要复制文字的节点
  139. var range = document.createRange();
  140. // 选中需要复制的节点
  141. range.selectNode(Url2);
  142. // 执行选中元素
  143. window.getSelection().addRange(range);
  144. // 执行 copy 操作
  145. var successful = document.execCommand('copy');
  146. // 移除选中的元素
  147. window.getSelection().removeAllRanges();
  148. }else{
  149. var Url2=document.getElementById("copy_1");//要复制文字的节点
  150. Url2.select(); // 选择对象
  151. document.execCommand("Copy"); // 执行浏览器复制命令
  152. }
  153. showMsg('复制成功,请移步微信添加好友!')
  154. }
  155. //提示弹框
  156. function showMsg(msg) {
  157. var msgBox = $('.alert-info');
  158. msgBox.children('p').text(msg);
  159. msgBox.show();
  160. setTimeout(function() {
  161. msgBox.hide();
  162. }, 3000);
  163. }
  164. //获取地址栏参数
  165. function parseQueryString(url) {
  166. var urlObj = {};
  167. var reg = /([^?=&]+)=([^?=&]+)/g;
  168. url.replace(reg, function($0, $1, $2) {
  169. urlObj[$1] = decodeURIComponent($2);
  170. })
  171. return urlObj;
  172. }
  173. </script>