SEO如何实现首页优化,seo如何实现首页优化效果

分类:SEO教程 时间:2025-10-06 09:36 浏览:0 评论:0
0

SEO,搜索引擎优化是一种通过优化网站结构和内容,提高网站在搜索引擎中的排名,从而增加网站流量和曝光度的技术手段。在众多的SEO技术中,首页优化是关键的一环。通过合理的关键词选择、优化网站结构、提高网站速度等措施,可以有效地提升网站首页在搜索引擎中的排名。实现首页优化不仅能够让网站更好地被搜索引擎收录,还能够吸引更多的目标用户,提升网站的转化率和用户体验。对于想要在搜索引擎中获得更好的曝光度和流量的网站运营者来说,学习和实践SEO首页优化是非常重要的。

1、SEO如何实现首页优化

SEO如何实现首页优化

SEO,Search Engine Optimization,搜索引擎优化是一种通过优化网站结构和内容,提高网站在搜索引擎中的排名,从而增加网站流量和曝光度的技术。首页优化是SEO的重要一环,下面将介绍一些实现首页优化的方法。

关键词研究是首页优化的基础。通过研究用户搜索习惯和行业关键词,选择合适的关键词是实现首页优化的关键。可以使用一些专业的关键词研究工具,如Google AdWords Keyword Planner,来获取关键词的搜索量和竞争度,从而选择适合自己网站的关键词。

网站结构优化也是实现首页优化的重要一步。良好的网站结构能够提高用户体验和搜索引擎的抓取效率。首页应该包含清晰的导航菜单,方便用户浏览和导航。首页应该设置好内部链接,将重要的内容页面与首页进行关联,提高这些页面的权重和曝光度。

页面内容的优化也是实现首页优化的关键。首页应该包含丰富的关键词相关内容,以吸引搜索引擎的注意。要确保内容的质量和原创性,避免抄袭和重复内容。首页的标题和描述也需要优化,将关键词合理地融入其中,提高页面在搜索引擎中的点击率。

网站的加载速度也是实现首页优化的重要因素。用户对于网站的加载速度非常敏感,如果网站加载速度过慢,会导致用户流失和搜索引擎的降权。可以通过优化网站的代码和图片,使用浏览器缓存和CDN加速等技术手段,提高网站的加载速度。

外部链接和社交媒体的运用也能够帮助实现首页优化。通过与其他网站的合作,获取高质量的外部链接,能够提高网站的权重和排名。积极利用社交媒体平台,将网站的内容分享给更多的用户,增加网站的曝光度和流量。

实现首页优化需要综合考虑关键词研究、网站结构优化、页面内容优化、网站加载速度、外部链接和社交媒体的运用等因素。通过合理地运用这些方法,可以提高网站在搜索引擎中的排名,增加网站的流量和曝光度,从而实现首页优化的目标。

2、seo如何实现首页优化效果

seo如何实现首页优化效果

SEO,Search Engine Optimization,搜索引擎优化是一种通过优化网站结构和内容,提高网站在搜索引擎结果页面,SERP中的排名,从而增加网站流量和曝光度的技术和策略。首页是一个网站最重要的页面之一,因此实现首页优化效果对于提升网站的可见性和吸引力至关重要。下面将介绍一些实现首页优化效果的方法和策略。

关键词研究是实现首页优化的基础。通过了解目标受众的搜索习惯和需求,确定与网站主题相关的关键词,以便在网站内容中合理地使用这些关键词。关键词的选择应该考虑搜索量、竞争程度和相关性,以便在搜索引擎中获得更好的排名。

网站结构的优化也是实现首页优化效果的重要一环。良好的网站结构可以提高用户体验和搜索引擎的爬行效率。首页应该简洁明了,导航栏应该清晰易用,内部链接应该合理布置,以便搜索引擎能够更好地理解和索引网站的内容。

第三,网站内容的优化是实现首页优化效果的关键。首页应该包含与关键词相关的高质量内容,吸引用户点击和停留。内容应该具有独特性、有用性和可读性,同时要注意关键词的合理密度和分布,避免过度堆砌关键词。

网站的加载速度也是实现首页优化效果的重要因素。快速加载的网站可以提高用户体验和搜索引擎的爬行效率,从而提高网站的排名。优化图片大小、压缩代码、使用缓存等方法可以有效地提高网站的加载速度。

建立高质量的外部链接也是实现首页优化效果的重要手段。通过与其他有权威性和相关性的网站建立链接,可以提高网站的权威性和可信度,从而提高搜索引擎的排名。但是要注意避免与低质量或垃圾网站建立链接,以免对网站的排名产生负面影响。

实现首页优化效果需要综合考虑关键词研究、网站结构优化、内容优化、加载速度优化和外部链接建设等因素。通过合理地应用这些方法和策略,可以提高网站在搜索引擎中的排名,增加网站流量和曝光度,从而实现首页优化效果。

3、seo如何实现首页优化的方法

seo如何实现首页优化的方法

SEO,Search Engine Optimization,搜索引擎优化是一种通过优化网站结构和内容,提高网站在搜索引擎中排名的技术。首页优化是SEO中的重要一环,它能够提高网站的曝光度和流量。下面将介绍一些实现首页优化的方法。

关键词研究是实现首页优化的关键。首先要确定网站的核心关键词,这些关键词应与网站的主题和内容密切相关。通过使用一些关键词研究工具,如Google AdWords Keyword Planner和百度指数,可以找到与网站相关的热门关键词。在选择关键词时,要注意关键词的搜索量和竞争程度,选择一些搜索量较高但竞争相对较低的关键词。

优化网站的标题和描述是实现首页优化的重要步骤。在每个网页的头部标签中,包括和<meta description>标签,要使用包含核心关键词的有吸引力的标题和描述。这些标题和描述将显示在搜索引擎结果页面上,能够吸引用户点击进入网站。</p><p>第三,优化网站的URL结构也是实现首页优化的重要因素。URL应该简洁、清晰,并包含核心关键词。避免使用过长、复杂的URL,这对搜索引擎和用户都不友好。要确保每个网页的URL唯一,避免重复。</p><p>第四,优化网站的内容是实现首页优化的关键步骤。内容应该是高质量、原创的,并且与核心关键词相关。在网站的首页上,要包含一些关键词密度适中的独特内容,这样能够吸引搜索引擎的注意。要确保内容的可读性和易理解性,不要过度堆砌关键词,以免影响用户体验。</p><p>第五,建立高质量的内部链接是实现首页优化的重要手段。内部链接能够帮助搜索引擎发现和索引网站的其他页面,提高整个网站的权重和排名。在首页上,要设置一些与其他关键页面相关的内部链接,这样能够引导用户进入其他重要页面,提高网站的整体价值。</p><p>要定期监测和分析网站的数据,以便优化首页。通过使用一些网站分析工具,如Google Analytics和百度统计,可以了解网站的流量来源、用户行为等信息。根据这些数据,可以对网站进行进一步优化,提高首页的效果。</p><p>通过关键词研究、优化标题和描述、优化URL结构、优化内容、建立内部链接以及定期监测和分析数据,可以实现首页优化,提高网站在搜索引擎中的排名。这些方法需要长期坚持和不断优化,才能取得良好的效果。</p><p>SEO如何实现首页优化是一个关乎网站排名和流量的重要问题。我们探讨了几个关键因素。关键词的选择和使用是至关重要的,它们应该与网站内容相关并具有一定的搜索量。优化网站的结构和内容布局,包括标题、描述、URL等,有助于提高网站的可读性和搜索引擎的理解。我们还强调了网站速度和移动友好性的重要性,因为它们直接影响用户体验和搜索引擎的评价。我们提到了外部链接和社交媒体的重要性,它们可以提高网站的权威性和可信度。通过合理地运用关键词、优化网站结构、提高网站速度和移动友好性,以及增加外部链接和社交媒体的支持,我们可以实现首页优化,提升网站在搜索引擎中的排名和流量。</p> </div> <div class="entry-tags"> <a href="/index.php?s=jiaocheng&c=search&keyword=SEO" rel="category"><i class="dot"></i>SEO</a> <a href="/index.php?s=jiaocheng&c=search&keyword=如何" rel="category"><i class="dot"></i>如何</a> <a href="/index.php?s=jiaocheng&c=search&keyword=实现" rel="category"><i class="dot"></i>实现</a> <a href="/index.php?s=jiaocheng&c=search&keyword=首页" rel="category"><i class="dot"></i>首页</a> <a href="/index.php?s=jiaocheng&c=search&keyword=优化" rel="category"><i class="dot"></i>优化</a> <a href="/index.php?s=jiaocheng&c=search&keyword=seo" rel="category"><i class="dot"></i>seo</a> <a href="/index.php?s=jiaocheng&c=search&keyword=效果" rel="category"><i class="dot"></i>效果</a> <a href="/index.php?s=jiaocheng&c=search&keyword=SEO" rel="category"><i class="dot"></i>SEO</a> <a href="/index.php?s=jiaocheng&c=search&keyword=搜索引擎" rel="category"><i class="dot"></i>搜索引擎</a> </div> <div class="article-copyright">1. 本站所有资源来源于用户上传或网络,仅作为参考研究使用,如有侵权请邮件联系站长! <br/>2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读! <br/>3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版! <br/>4. <a href="/seojiaocheng.html">SEO教程</a> <small>></small> <a href="https://www.hailuo.cc/seojiaocheng/11520.html" title="SEO如何实现首页优化,seo如何实现首页优化效果">SEO如何实现首页优化,seo如何实现首页优化效果</a> </div> <div class="article-footer"> <div class="author-box"> <div class="author-image"> <img alt="海螺主题" data-src="https://www.hailuo.cc/uploadfile/member/000/00/00/1.jpg?time=" class="avatar avatar-140 photo gravatar lazyload" height="140" width="140"> </div> <div class="author-info"> <h4 class="author-name"> <a>海螺主题</a> <span class="label"><img align="absmiddle" src="https://www.hailuo.cc/uploadfile/202309/bcea7227e84f.png" style="width: 55px;margin: -4px 0 0 0;"></span> </h4> </div> </div> <div class="shares" data-initialized="true"> <strong>分享到:</strong> <span class="share-popover"><span class="share-popover-inner" id="weixin-qrcode"><canvas width="80" height="80"></canvas></span></span> <a class="share-weixin icon-wechat" title="分享到微信"><i class="fa fa-weixin"></i></a> <a class="share-tsina icon-weibo" title="分享到微博"><i class="fa fa-weibo"></i></a> <a class="share-sqq icon-qq" title="分享到QQ好友"><i class="fa fa-qq"></i></a> <a class="share-qzone icon-qzone" title="分享到QQ空间"><i class="fa fa-star"></i></a> <a class="share-twitter icon-twitter" title="分享到Twitter"><i class="fa fa-twitter"></i></a> <a class="share-facebook icon-facebook" title="分享到Facebook"><i class="fa fa-facebook"></i></a> <a class="share-linkedin icon-linkedin" title="分享到领英职场"><i class="fa fa-linkedin"></i></a> </div> </div> </div> </div> </article> <div class="entry-navigation"> <nav class="article-nav"> <span class="article-nav-prev">上一篇<br> <a href="/seojiaocheng/11517.html" rel="prev">网站建设提成多少,网站建设提成多少合理</a></span> <span class="article-nav-next">下一篇<br> <a href="/seojiaocheng/11522.html" rel="next">实验八专用主机网站建设—实验室网站设计与实现</a></span> </nav> </div> <div class="entry-navigation"> <h3 class="entry-title">用户评论</h1> <div id="dr_module_comment_11520"></div><script type="text/javascript"> function dr_ajax_module_comment_11520(type, page) { var index = layer.load(2, { time: 10000 });$.ajax({type: "GET", url: "/index.php?s=jiaocheng&c=comment&m=index&id=11520&&type="+type+"&page="+page+"&"+Math.random(), dataType:"jsonp", success: function (data) { layer.close(index); if (data.code) { $("#dr_module_comment_11520").html(data.msg); } else { dr_tips(0, data.msg); } }, error: function(HttpRequest, ajaxOptions, thrownError) { layer.closeAll(); var msg = HttpRequest.responseText; alert("评论调用函数返回错误:"+msg); } }); } dr_ajax_module_comment_11520(0, 1); </script> </div> </main> </div> </div> <div class="sidebar-column col-lg-3"> <aside class="fixed-right widget-area"> <div class="side-box-dw"></div> <div class="side-fixed-box"> <div class="side-fixed-con"> <div class="widget"> <div class="content-list" style="margin-bottom: 0px;"> <ul> <li style="margin-right: 1px;"><a style="line-height: 18px;border: 1px solid #38c3f433;" class="" href="/jishu.html">全部文章</a></li> <li style="margin-right: 1px;"><a style="line-height: 18px;border: 1px solid #38c3f433;" class="" href="/jzjc.html">建站教程</a></li> <li style="margin-right: 1px;"><a style="line-height: 18px;border: 1px solid #38c3f433;" class="" href="/spjc.html">视频教程</a></li> <li style="margin-right: 1px;"><a style="line-height: 18px;border: 1px solid #38c3f433;" class="on" href="/seojiaocheng.html">SEO教程</a></li> </ul> </div> </div> <div class="widget cao-widget-posts"> <h5 class="widget-title"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> 点击排行</h5> <div class="posts"> <div class="uposts"> <div class="hentry"> <h2 class="title"><span class="post-num num-1">1</span> <a href="https://www.hailuo.cc/seojiaocheng/1823.html" title="关键词组合的SEO优化策略">关键词组合的SEO优化策略</a> </h2> </div> <div class="hentry"> <h2 class="title"><span class="post-num num-2">2</span> <a href="https://www.hailuo.cc/jzjc/1759.html" title="关于出现“对不起,您安装的不是正版应用..”的解决办法">关于出现“对不起,您安装的不是正版应用..”的解决办法</a> </h2> </div> <div class="hentry"> <h2 class="title"><span class="post-num num-3">3</span> <a href="https://www.hailuo.cc/seojiaocheng/16963.html" title="如何利用论坛和社区提升网站流量">如何利用论坛和社区提升网站流量</a> </h2> </div> <div class="hentry"> <h2 class="title"><span class="post-num num-4">4</span> <a href="https://www.hailuo.cc/seojiaocheng/16908.html" title="什么是内容优化,怎么做">什么是内容优化,怎么做</a> </h2> </div> <div class="hentry"> <h2 class="title"><span class="post-num num-5">5</span> <a href="https://www.hailuo.cc/seojiaocheng/16833.html" title="如何制定有效的市场营销策略">如何制定有效的市场营销策略</a> </h2> </div> <div class="hentry"> <h2 class="title"><span class="post-num num-6">6</span> <a href="https://www.hailuo.cc/seojiaocheng/16828.html" title="内容更新的最佳实践是什么">内容更新的最佳实践是什么</a> </h2> </div> <div class="hentry"> <h2 class="title"><span class="post-num num-7">7</span> <a href="https://www.hailuo.cc/seojiaocheng/16761.html" title="如何使用ChatGPT生成商业计划书">如何使用ChatGPT生成商业计划书</a> </h2> </div> <div class="hentry"> <h2 class="title"><span class="post-num num-8">8</span> <a href="https://www.hailuo.cc/seojiaocheng/16513.html" title="如何为新产品选择关键词进行优化">如何为新产品选择关键词进行优化</a> </h2> </div> <div class="hentry"> <h2 class="title"><span class="post-num num-9">9</span> <a href="https://www.hailuo.cc/seojiaocheng/16409.html" title="关键词排名快照的分析工具有哪些">关键词排名快照的分析工具有哪些</a> </h2> </div> <div class="hentry"> <h2 class="title"><span class="post-num num-10">10</span> <a href="https://www.hailuo.cc/seojiaocheng/16384.html" title="如何通过内链优化提高关键词排名">如何通过内链优化提高关键词排名</a> </h2> </div> </div> </div> </div> <div class="widget widget-adss"> <div class="adsbg"> </div> </div><div class="widget widget_tag_cloud"> <h5 class="widget-title"><i class="fa fa-tags" aria-hidden="true"></i> 标签</h5> <div class="tagcloud"> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="WebShell" href="/tag/webshell.html">WebShell</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="游戏网站" href="/tag/youxiwangzhan.html">游戏网站</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="集装箱货轮" href="/tag/jizhuangxianghuolun.html">集装箱货轮</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="油菜" href="/tag/youcai.html">油菜</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="普陀区" href="/tag/putuoqu.html">普陀区</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="强的" href="/tag/qiangde.html">强的</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="LOVE" href="/tag/love.html">LOVE</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="网站建设网页" href="/tag/wangzhanjianshewangye.html">网站建设网页</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="酒店客房" href="/tag/jiudiankefang.html">酒店客房</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="展开" href="/tag/zhankai1.html">展开</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="唯美枫叶" href="/tag/weimeifengye.html">唯美枫叶</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="清真" href="/tag/qingzhen.html">清真</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="重工" href="/tag/zhonggong.html">重工</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="野生蒲公英" href="/tag/yeshengpugongying.html">野生蒲公英</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="安徽" href="/tag/anhui.html">安徽</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="林木" href="/tag/linmu.html">林木</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="穿牛仔裤" href="/tag/chuanniuzaiku.html">穿牛仔裤</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="沙滩海浪" href="/tag/shatanhailang.html">沙滩海浪</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="口袋" href="/tag/koudai.html">口袋</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="海芋花" href="/tag/haiyuhua.html">海芋花</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="妖娆性感" href="/tag/yaoraoxinggan.html">妖娆性感</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="争霸" href="/tag/zhengba.html">争霸</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="小姐" href="/tag/xiaojie.html">小姐</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="柑橘类水果" href="/tag/ganjuleishuiguo.html">柑橘类水果</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="仿创同盟" href="/tag/fangchuangtongmeng.html">仿创同盟</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="国宝" href="/tag/guobao.html">国宝</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="金色" href="/tag/jinse.html">金色</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="老爷爷" href="/tag/laoyeye.html">老爷爷</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="潼南" href="/tag/chongnan.html">潼南</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="小马驹" href="/tag/xiaomaju.html">小马驹</a> </div> </div> </div> </div> </aside> </div> </div> <div class="main-box-dw"></div> </div> </div> <div class="footer hidden-sm" id="footer"> <div class="container"> <div class="row"> <ul class="item clearfix"> <li class="col-md-6 left" style="float: left;"> <h2 style="margin-top: 0;margin-bottom: 3px;" class="footer-logo"><img src="/uploadfile/202204/5bb546b8cddb16b.png"></h2> <p class="desc" style="margin-bottom: 20px;"> 海螺主题设计作为高端的网页主题模板产品定制专家,业务覆盖各大开源系统主题,可一站式在线选购高品质主题模板,极致助力您的企业品牌成为行业标杆。 </p> <p class="copy margin-0"> Copyright © 2016 - 2025 | 海螺主题模板 <a class="hidden-xss">•</a><a class="hidden-xss"> 版权所有 </a><a class="hidden-xss">|</a> <a class="hidden-xss">www.hailuo.cc</a><a class="hidden-xss">|</a> <a class="hidden-xss" target="_blank" href="http://beian.miit.gov.cn"> 蜀ICP备2025160319号</a> </p> </li> <li class="col-md-2 text-center hidden-xs" style="float: left;"> <h4 style="margin-bottom: 15px;">关于我们</h4> <p> <a href="/copyright.html">免责声明</a> </p> <p> <a href="/about.html">海螺模板</a> </p> <p> <a href="/contact.html">联系我们</a> </p> <p> <a href="/gbook.html">留言反馈</a> </p> </li> <li class="col-md-2 text-center hidden-xs" style="float: left;"> <h4 style="margin-bottom: 15px;">常见问题</h4> <p> <a href="javascript:;" onclick="dr_html_show('常见问题','<div class=\'p20\'>本站已经开发注册,您需要填写用户名和正确的常用邮箱即可,邮箱需要通过验证后才可以正常使用相关功能。</div>','300px','300px')">如何注册</a> </p> <p> <a href="javascript:;" onclick="dr_html_show('常见问题','<div class=\'p20\'>找到对应商品后点击页面的“立即购买”按钮下单即可,本站商品支持自助下单,无需联系客服干预操作</div>','300px','300px')">怎么购买</a> </p> <p> <a href="javascript:;" onclick="dr_html_show('常见问题','<div class=\'p20\'>目前我们支持两种方式<br>1.在线支付,仅支持支付宝在线支付实时交易,完全自助完成交易流程<br>2.转账充值,支持任意付款方式,需要客服给您充值到余额在进行交易</div>','300px','300px')">支付方式</a> </p> <p> <a href="javascript:;" onclick="dr_html_show('常见问题','<div class=\'p20\'>虚拟商品购买后可返回至商品详情页获得对应的素材或下载文件<br>实物商品将以快递、物流等方式寄送到您的手中</div>','300px','300px')">发货方式</a> </p> </li> <li class="col-md-2 text-right hidden-xs" style="float: left;right: -5px;"> <h4 style="margin-bottom: 15px;">扫一扫加入Q群 ⠀</h4> <p><img src="/uploadfile/202204/wap.png" alt="海螺主题模板" width="120"></p> </li> </ul> <div class="col-md-12 hidden-xs"> <div class="link"> <a href="http://www.hailuo.cc" target="_blank">海螺主题</a> <a href="/link.html">+申请友链</a> <a class="qq float-border float-text" style="float: right;text-align: center;margin-right: 2px;" href="javascript:void(0);"> <i class="fa fa-envelope" style="color: #fcb900;"></i><br> 邮箱 <div class="float-alert-box float-radius float-qq-box" style="display: none;"> <h6>工作时间</h6> <p> 工作日:9:00 - 22:00<br> 节假日:9:00 - 18:00 </p> <div class="float-qq-btn float-radius" onclick="window.open('tencent://message/?uin=','_blank')"> qiye @ vip.qq.com </div> </div> </a> <a class="weixin float-border float-text" style="float: right;text-align: center;" href="javascript:void(0);"> <i class="fa fa-weixin" style="color: #00d084;"></i><br> 微信 <div class="float-alert-box float-radius float-weixin-box"> <p> 扫一扫添加客服微信 </p> <img src="/uploadfile/202204/wx.png" width="120" height="120" alt="微信二维码"> </div> </a> <a class="weixin float-border float-text" style="float: right;text-align: center;" href="javascript:void(0);"> <i class="fa fa-qq" style="color: #0693e3;"></i><br> 客服 <div class="float-alert-box float-radius float-weixin-box"> <p> 扫一扫添加客服QQ </p> <img src="/uploadfile/202204/qq.png" width="120" height="120" alt="QQ 二维码"> </div> </a> </div> </div> </div> </div> </div> <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node94.aizhantj.com:21233/tjjs/?k=7bapoq19e1n"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> <div class="float-box hidden-xs"> <ul class="float-ul float-radius float-text"> <li> <a class="fankui float-border float-text" href="/gbook.html"> <i class="fa fa-pencil-square-o"></i><br> 反馈 </a> </li> <li> <a class="jq float-border float-text" href="/contact.html"> <i class="fa bi-headset"></i><br> 客服 </a> </li> </ul> <br> <ul class="float-ul float-radius float-text"> <li> <a class="top float-border float-text" href="javascript:void(0);" etap="to_top" title="返回顶部"> <i class="fa fa-chevron-up"></i><br> </a> </li> </ul> </div> <div class="dimmer"></div> <div id="popup-signup" class="popup-signup fade" style="display: none;"> <div class="register-login-modal" role="document"> <div class="modal-content"> <div class="modal-body"> <!-- Nav tabs --> <ul class="nav nav-tabs"> <li class="active"><a href="#login" data-toggle="login">登录</a></li> <li><a href="#signup" data-toggle="signup">注册</a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div class="tab-pane fade in active" id="login"> <div class="signup-form-container text-center"> <form class="mb-0" id="myforml" method="post" novalidate="novalidate"> <div class="form-group"> <input type="text" class="form-control" name="data[username]" placeholder="*用户名"> </div> <div class="form-group"> <input type="password" class="form-control" name="data[password]" placeholder="*密码"> </div> <div class="form-group"> <input class="form-control" type="text" autocomplete="off" placeholder="*验证码" name="code" /><img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35" /> </div> <input class="btn change-color-lv btn--block login-loader" type="button" value="安全登录" onclick="dr_ajax_member('https://www.hailuo.cc/index.php?s=member&c=login&m=index', 'myforml');" /> </form> <div class="or-text"> <span>or</span> </div> <div class="open-oauth text-center"> </div> <a href="https://www.hailuo.cc/index.php?s=member&c=login&m=find" class="forget-password">忘记密码?</a> <!-- form end --> </div> <!-- .signup-form end --> </div> <div class="tab-pane fade in" id="signup"> <form class="mb-0" method="post" id="myformr"> <div class="form-group"> <input type="text" class="form-control" name="data[username]" placeholder="输入账号(字母+数字/5-10位)"> </div> <div class="form-group"> <input type="email" class="form-control" name="data[email]" placeholder="绑定邮箱"> </div> <div class="form-group"> <input type="password" class="form-control" name="data[password]" placeholder="密码最小长度为6"> </div> <div class="form-group"> <input type="password" class="form-control" name="data[password2]" placeholder="再次输入密码"> </div> <div class="form-group"> <input class="form-control" type="text" autocomplete="off" placeholder="*验证码" name="code" /><img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35" /> </div> <input type="hidden" name="action" value="WPAY_register"> <input class="btn change-color-lv btn--block register-loader" type="button" onclick="dr_ajax_member('https://www.hailuo.cc/index.php?s=member&c=register&m=index', 'myformr');" value="立即注册" /> <div class="or-text"> <span>or</span> </div> <div class="open-oauth text-center"> </div> <label class="mt-checkbox mt-checkbox-outline" style="margin-left:20px;"> <input type="checkbox" name="is_protocol" value="1" checked> 我已阅读并同意 <span></span> </label> <label> <a href="javascript:dr_show_protocol();">《用户注册协议》</a> </label> </form> <!-- form end --> </div> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <!-- /.modal --> </div> <!-- 侧边栏 --> <div class="off-canvas"> <div class="canvas-close"> <i class="fa fa-close"></i> </div> <div class="logo-wrapper"> <img class="logo regular" src="https://www.hailuo.cc/uploadfile/202204/56f11599575e9f7.png" alt="海螺主题模板"> </div> <div class="mobile-menu hidden-lg hidden-xl"></div> <aside class="widget-area"> <div class="widget widget-adss"> <div class="adsbg"> </div> </div> <div class="widget widget_tag_cloud"> <h5 class="widget-title"><i class="fa fa-tags" aria-hidden="true"></i> 标签</h5> <div class="tagcloud"> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="客轮" href="/tag/kelun.html">客轮</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="自豪" href="/tag/zihao.html">自豪</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="价格查询" href="/tag/jiagechaxun.html">价格查询</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="听音乐" href="/tag/tingyinle.html">听音乐</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="聚尚" href="/tag/jushang.html">聚尚</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="春天小清新" href="/tag/chuntianxiaoqingxin.html">春天小清新</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="留学教育" href="/tag/liuxuejiaoyu.html">留学教育</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="预" href="/tag/yu158736.html">预</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="生成" href="/tag/shengcheng.html">生成</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="金色花纹" href="/tag/jinsehuawen.html">金色花纹</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="米苏" href="/tag/misu.html">米苏</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="超可爱" href="/tag/chaokeai.html">超可爱</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="红掌" href="/tag/hongzhang.html">红掌</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="童真" href="/tag/tongzhen.html">童真</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="美味牛肉" href="/tag/meiweiniurou.html">美味牛肉</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="家居盆栽" href="/tag/jiajupenzai.html">家居盆栽</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="湛蓝天空" href="/tag/zhanlantiankong.html">湛蓝天空</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="绿植" href="/tag/luzhi.html">绿植</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="敞篷" href="/tag/changpeng.html">敞篷</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="摩托车跑车" href="/tag/motuochepaoche.html">摩托车跑车</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="鸢尾花" href="/tag/yuanweihua.html">鸢尾花</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="部分" href="/tag/bufen.html">部分</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="精湛" href="/tag/jingzhan.html">精湛</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="小羊驼" href="/tag/xiaoyangtuo.html">小羊驼</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="中国年" href="/tag/zhongguonian.html">中国年</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="闹元宵" href="/tag/naoyuanxiao.html">闹元宵</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="精致妆容" href="/tag/jingzhizhuangrong.html">精致妆容</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="嘉安" href="/tag/jiaan.html">嘉安</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="淘宝" href="/tag/taobao.html">淘宝</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="曼哈顿" href="/tag/manhadun.html">曼哈顿</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="容量" href="/tag/rongliang.html">容量</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="钢管舞" href="/tag/gangguanwu.html">钢管舞</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="海报" href="/tag/haibao.html">海报</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="女神" href="/tag/nushen.html">女神</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="弥漫" href="/tag/miman.html">弥漫</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="拍摄技巧" href="/tag/paishejiqiao.html">拍摄技巧</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="倒闭" href="/tag/daobi.html">倒闭</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="艺术写真" href="/tag/yishuxiezhen.html">艺术写真</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="纯色美甲" href="/tag/chunsemeijia.html">纯色美甲</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="羊角面包" href="/tag/yangjiaomianbao.html">羊角面包</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="建瓯" href="/tag/jianou.html">建瓯</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="一样" href="/tag/yiyang175078.html">一样</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="流浪汉" href="/tag/liulanghan.html">流浪汉</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="飞飞cms模板" href="/tag/feifeicmsmoban.html">飞飞cms模板</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="唯美意境" href="/tag/weimeiyijing.html">唯美意境</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="搜狗" href="/tag/sougou.html">搜狗</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="推荐企业" href="/tag/tuijianqiye.html">推荐企业</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="可爱小狗" href="/tag/keaixiaogou.html">可爱小狗</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="把握" href="/tag/bawo.html">把握</a> <a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="龙年春节" href="/tag/longnianchunjie.html">龙年春节</a> </div> </div> <div class="widget conch-widget-posts"> <h5 class="widget-title"><i class="fa fa-area-chart" aria-hidden="true"></i> 热门资源</h5> <div class="posts"> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.hailuo.cc/qywz/1443.html"> <img class="lazyload" data-src="/uploadfile/202412/f2371a32c8d3f61.jpg" alt="响应式车行汽车租赁网站pbootcms模板(自适应)"> </a> </div> </div> <a href="https://www.hailuo.cc/qywz/1443.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">响应式车行汽车租赁网站pbootcms模板(自适应)</a> <br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2025-08-16 </time><a> <i class="fa fa-eye font-blue"></i> 63</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.hailuo.cc/qywz/1451.html"> <img class="lazyload" data-src="/uploadfile/202412/32d953e34ff0408.jpg" alt="搬家快递家政公司Pbootcms自适应网站模板"> </a> </div> </div> <a href="https://www.hailuo.cc/qywz/1451.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">搬家快递家政公司Pbootcms自适应网站模板</a> <br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2024-12-22 </time><a> <i class="fa fa-eye font-blue"></i> 51</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.hailuo.cc/qywz/1448.html"> <img class="lazyload" data-src="/uploadfile/202412/6afd42c16ab2eb.jpg" alt="HTML5黑色炫酷建筑装饰公司pbootcms自适应模板"> </a> </div> </div> <a href="https://www.hailuo.cc/qywz/1448.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">HTML5黑色炫酷建筑装饰公司pbootcms自适应模板</a> <br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2024-12-22 </time><a> <i class="fa fa-eye font-blue"></i> 36</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.hailuo.cc/jxsb/1449.html"> <img class="lazyload" data-src="/uploadfile/202412/9758d35b36c4525.jpg" alt="简繁双语轴承齿轮机械制造企业pbootcms自适应模板"> </a> </div> </div> <a href="https://www.hailuo.cc/jxsb/1449.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">简繁双语轴承齿轮机械制造企业pbootcms自适应模板</a> <br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2024-12-22 </time><a> <i class="fa fa-eye font-blue"></i> 18</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.hailuo.cc/qywz/1450.html"> <img class="lazyload" data-src="/uploadfile/202412/60f8acbb4c9e314.jpg" alt="仪表容器制造公司自适应网站pbootcms模板"> </a> </div> </div> <a href="https://www.hailuo.cc/qywz/1450.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">仪表容器制造公司自适应网站pbootcms模板</a> <br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2024-12-22 </time><a> <i class="fa fa-eye font-blue"></i> 94</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.hailuo.cc/qywz/1453.html"> <img class="lazyload" data-src="/uploadfile/202412/9f1532534a3b6.jpg" alt="软件开发网络公司pbootcms模板"> </a> </div> </div> <a href="https://www.hailuo.cc/qywz/1453.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">软件开发网络公司pbootcms模板</a> <br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2024-12-22 </time><a> <i class="fa fa-eye font-blue"></i> 40</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.hailuo.cc/bkdh/1442.html"> <img class="lazyload" data-src="/uploadfile/202412/5330a9f42d6907d.jpg" alt="响应式个人博客自媒体自适应pbootcms模板"> </a> </div> </div> <a href="https://www.hailuo.cc/bkdh/1442.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">响应式个人博客自媒体自适应pbootcms模板</a> <br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2024-12-22 </time><a> <i class="fa fa-eye font-blue"></i> 93</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.hailuo.cc/qywz/1455.html"> <img class="lazyload" data-src="/uploadfile/202412/ce4f86e0f531667.jpg" alt="响应式营销型运动健身器材pbootcms模板"> </a> </div> </div> <a href="https://www.hailuo.cc/qywz/1455.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">响应式营销型运动健身器材pbootcms模板</a> <br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2024-12-22 </time><a> <i class="fa fa-eye font-blue"></i> 69</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.hailuo.cc/qywz/1444.html"> <img class="lazyload" data-src="/uploadfile/202412/84387b0d6b29a2.jpg" alt="互联网企业网络公司pbootcms自适应网站模板"> </a> </div> </div> <a href="https://www.hailuo.cc/qywz/1444.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">互联网企业网络公司pbootcms自适应网站模板</a> <br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2024-12-22 </time><a> <i class="fa fa-eye font-blue"></i> 79</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.hailuo.cc/wlwm/1440.html"> <img class="lazyload" data-src="/uploadfile/202412/6ec59cd328ae012.jpg" alt="响应式LED灯具网站pbootcms外贸英文模板"> </a> </div> </div> <a href="https://www.hailuo.cc/wlwm/1440.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">响应式LED灯具网站pbootcms外贸英文模板</a> <br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2024-12-22 </time><a> <i class="fa fa-eye font-blue"></i> 43</a> </div> </div> </div> </aside> </div> <style> .filter-items { overflow-x: auto; white-space: nowrap; } .conchs-list { overflow-x: auto; white-space: nowrap; } .slt { position: relative; bottom: 55px; } .slt1 { position: relative; bottom: 90px; } .slt2 { position: relative; bottom: 20px; } @media (max-width: 767px) { .slt { position: relative; bottom: 36px; } .slt1 { position: relative; bottom: 68px; } .entry-header .entry-meta { margin-bottom: 0px; } .entry-header .entry-title { padding-bottom: 0px; } .entry-header .entry-meta .meta-category a:nth-child(3) { display: none !important; } } @keyframes move { 0% { background-position: 300% 0; } 100% { background-position: -300% 0; } } </style> <!-- 侧边栏 --> <script type="text/javascript" src="/static/conch/layui/layui.all.js"></script> <script type="text/javascript" src="/static/conch/js/plugins.js"></script> <script type="text/javascript" src="/static/conch/js/common.js"></script> <script type="text/javascript" src="/static/conch/js/sweetalert.min.js"></script> <script type="text/javascript" src="/static/conch/js/app.js"></script> <!-- 分享 --> <script type="text/javascript" src="/static/conch/js/social-share.min.js"></script> <!-- 滚动 --> <script type="text/javascript" src="/static/conch/js/jquery.waypoints.min.js"></script> <script type="text/javascript" src="/static/conch/js/jquery.countup.min.js"></script> <script type="text/javascript" src="/static/conch/js/conch.js"></script> <script> console.log("\n%c Conch Theme https://www.hailuo.cc \n", "color: #fff;background: linear-gradient(55deg, #212121 0%, #212121 40%, #323232 calc(40% + 1px), #323232 60%, #250095 calc(60% + 1px), #950090 70%, #ff14ed calc(70% + 1px), #6414ff 100%);padding:5px; border-radius: 5px;" ); console.log("%c如果您通过控制台的方式获取CSS样式或者其他东东,相信您可能也看到本说明。 如果您想一声不吭的拿走,请把所有涉及到的链接图片保存到本地及保留海螺主题版权来源,谢谢!", "color: #fff;background: linear-gradient(55deg, #212121 0%, #212121 40%, #323232 calc(40% + 1px), #323232 60%, #250095 calc(60% + 1px), #950090 70%, #ff14ed calc(70% + 1px), #6414ff 100%);padding:5px; border-radius: 5px;line-height: 18px;" ); </script> <script> // 动态标题 var OriginTitile = document.title, titleTime; document.addEventListener("visibilitychange", function() { if (document.hidden) { document.title = "海螺主题模板-您的模板定制专家!"; clearTimeout(titleTime) } else { document.title = "海螺网-欢迎您回家!" ; titleTime = setTimeout(function() { document.title = OriginTitile }, 2000) } }); </script> <script> document.addEventListener("copy", function(e) { new Vue({ data: function() { if ((window.getSelection ? window.getSelection() : document.selection.createRange() .text) != '') { this.$notify({ title: "叮!复制成功", message: "若要转载请务必保留原文链接!谢谢~", position: 'bottom-right', offset: 50, showClose: true, type: "success" }); } else { this.$notify({ title: "咦?复制失败", message: "啊噢...你没还没选择内容呢!", position: 'bottom-right', offset: 50, showClose: true, type: "success" }); } return { visible: false } } }) }) </script> <script> document.oncontextmenu = function () { new Vue({ data:function(){ this.$notify({ title: "嗯?没有右键菜单", message: "复制请用键盘快捷键[Ctrl+C]", position: 'bottom-right', offset: 50, showClose: false, type:"warning" }); return{visible:false} } }) return false; } </script> <script> document.onkeydown = function(event) { if (event.ctrlKey && event.keyCode == 83) { // Ctrl + S event.preventDefault(); new Vue({ data: function() { this.$notify({ title: "哎!你瞧瞧你", message: "网页得换方法保存哦~", position: 'bottom-right', offset: 50, showClose: true, type: "error" }); return { visible: false } } }) return false; } if (event.ctrlKey && event.keyCode == 85) { // Ctrl + U event.preventDefault(); new Vue({ data: function() { this.$notify({ title: "嘿!Brother", message: "老弟,源码得换方式获取哦~", position: 'bottom-right', offset: 50, showClose: true, type: "error" }); return { visible: false } } }) return false; } if (event.ctrlKey && event.shiftKey && event.keyCode == 73) { // Ctrl + Shift + I event.preventDefault(); new Vue({ data:function(){ this.$notify({ title:"呐!这个也不行", message:"还是按点别的吧!", position: 'bottom-right', offset: 50, showClose: false, type:"error" }); return{visible:false} } }) return false; } if (event.keyCode == 123) { // F12 event.preventDefault(); new Vue({ data:function(){ this.$notify({ title:"呃!别瞎按", message:"你按这个想干嘛!再按就找不到我咯", position: 'bottom-right', offset: 50, showClose: false, type:"error" }); return{visible:false} } }) return false; } }; </script> <!--劝退魔法--> <script type="module"> import devtools from '/f12/js/moukey.js'; if (devtools.isOpen) { window.location.href = "/f12"}; window.addEventListener('devtoolschange', event => { if (event.detail.isOpen) { window.location.href = "/f12"}; }); </script> <!-- 引入VUE --> <script src="/f12/js/vue.min.js" defer></script> <!-- 引入样式 --> <script src="/f12/js/component_library.js" defer></script> <link rel="stylesheet" href="/f12/css/component_library.css"> <!--劝退魔法---> <script> // 模块支持反对 function dr_app_digg(id, value) { $.get("https://www.hailuo.cc/index.php?is_ajax=1&s=api&app=jiaocheng&c=module&m=digg&id="+id+'&value='+value, function(data) { dr_cmf_tips(data.code, data.msg); if (data.code) { $('#module_digg_'+id+'_'+value).html(data.data); } }, 'json'); } </script> <script> // 模块收藏 function dr_app_favorite(id) { $.get("https://www.hailuo.cc/index.php?is_ajax=1&s=api&app=jiaocheng&c=module&m=favorite&id="+id, function(data){ dr_cmf_tips(data.code, data.msg); if (data.code) { $('#module_favorite_'+id).html(data.data); } }, 'json'); } $(function() { $.get("/index.php?is_ajax=1&s=favorite&mid=jiaocheng&id=11520", function(data){ if (data.code) { var s = data.data; $('#module_favorite_11520_0').html(s.a); $('#module_favorite_11520_1').html(s.b); } }, 'json'); }); </script> <script type="text/javascript"> $('.counter').countUp({ delay: 10, time: 2000 }); $(".vip").hover(function () { $(this).children(".float-vip-box").show() }, function () { $(this).children(".float-vip-box").hide() }); $(".qq").hover(function () { $(this).children(".float-qq-box").show() }, function () { $(this).children(".float-qq-box").hide() }); $(".weixin").hover(function () { $(this).children(".float-weixin-box").show() }, function () { $(this).children(".float-weixin-box").hide() }); </script> <link href="/static/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet" type="text/css" /> <script src="/static/assets/global/plugins/fuelux/js/spinner.min.js" type="text/javascript"></script> <script src="/static/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript"></script> <script type="text/javascript" src="/static/assets/js/sku.js"></script> <script type="text/javascript"> $(function () { order_moban_select_sku_price(); order_moban_get_sku_price(); $("#dr_buy_num").TouchSpin({ step: 1, min: 1, max: 0 }); }) // 加入购物车 function order_moban_add_cart(){ $.get("/index.php?is_ajax=1&s=order&c=cart&m=add&mid=jiaocheng&num="+$('#dr_buy_num').val()+"&id=11520&sku="+$('#dr_sku_value').val(), function(data){ dr_cmf_tips(data.code, data.msg); if (data.code) { // 存储购物车数量 $('#dr_order_moban_cart_nums').html(data.data); } }, 'json'); } // 购买地址 function order_moban_add_buy() { var url = "https://www.hailuo.cc/index.php?s=order&c=order&m=buy&mid=jiaocheng&id=11520"; url+= "&sku="+$('#dr_sku_value').val(); url+= "&num="+$('#dr_buy_num').val(); window.location.href = url; } // 组合价格选择 function order_moban_select_sku_price() { $('.fc-sku-select-price .fc-sku-value').click(function () { $(this).parent('.fc-sku-select-price').find('.fc-sku-value').removeClass('red'); $(this).addClass('red'); order_moban_get_sku_price(); }); } function order_moban_get_sku_price() { var oname = new Array(); $('.fc-sku-select-price').each(function () { oname.push($(this).find('.red').attr('fvalue')); }); var k = oname.join("_"); $('#dr_sku_value').val(k); $('#dr_sku_price').html($('#dr_sku_price_' + k).val()); $('#dr_sku_quantity').html($('#dr_sku_quantity_' + k).val()); $('#dr_sku_sn').html($('#dr_sku_sn_' + k).val()); } </script> <style> @media (min-width: 768px) .o-poptips-wrap { width: 320px; } .o-pops-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999995; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); opacity: 0; } .o-pops-bg.o-pops-bg-active { display: block; opacity: 1; } .o-bg-site { background-color: #fff; color: #222; } .o-poptips-wrap { position: fixed; top: 50%; left: 50%; z-index: 999998; width: 380px; border-radius: 4px; transform: translate(-50%,-50%); } .o-poptips-title { margin-top: 25px; padding: 0 25px; text-align: center; line-height: 26px; } .o-poptips-content { overflow-x: hidden; overflow-y: auto; margin: 25px 0; padding: 0 25px; max-height: 200px; line-height: 22px; -webkit-overflow-scrolling: touch; } .o-text-conch { color: #008aff; } .o-bg-conch { color: #fff; } .o-poptips-btn { margin-bottom: 25px; padding: 0 25px; } .o-poptips-btn a { display: inline-block; width: 46%; border-radius: 40px; text-align: center; line-height: 40px; text-decoration: none; } .o-poptips-btn a.no { margin-right: 4%; } .o-bg-conch { background: #008aff; } .o-bg-subs { background-color: #dcdada; color: #222; } </style> <script>Conch.Alert.Notice();</script></body> </html>