宁推网-站长资讯

SEO优化中 你需要注意网站设计的10个错误

  在做SEO优化的过程中,我们知道任何一项企业SEO的基础就是网站,如果你都网站设计出现问题,那么,对于在专业的SEO优化技术人员,都是事倍功半。为此,你可能需要更多的关注,网站设计都一些细节!

t0148faafbd8d84bb72.jpg

  1、搜索引擎不友好

  搜索引擎对于难以处理和识别的打字稿、复数、连字号等等各种各样的问题,搜索的准确度会降低。显然,如果搜索引擎刻意去迎合这种错误使用的话,会伤害到所有的搜索使用者。一个相关的问题是,搜索引擎区分结果是依靠文档的重要性,而只是按照内容关联次数简单地进行结果区分。当找不到信息的时候,搜索是用户的救生索。即使有高级搜索功能,建议还是使用简单搜索,搜索形式应该是一个简单的录入框,就像我们常见的那一种。

  2、使用PDF文件作为在线阅读

  用户讨厌在浏览的时候跳出PDF文件,因为那会打断用户的浏览过程,因为普通的浏览器按钮无法工作,因此即使如打印或保存文档这样简单的事情也会变得复杂。由于其版面设计是基于纸张优化的,因此文字的字体很少会和用户的流量其窗口相适应。没有了平滑的滚动浏览,有的只是超小号的字体。

  更糟糕的是,PDF文件内容是分块的,很难浏览。

  PDF是对于印刷及发行手册等和其他需要打印的大文件来讲是很合适的,使用它的目的只是为了保留它的信息使其网页上浏览成为现实。

  3、未改变已访问链接的颜色

  一个好的浏览历史能够帮助你了解目前的位置,因为那是你浏览的起点。知道过去和现在的位置反过来使得决定下一步去哪里变得容易了。链接是这些浏览过程中的一个关键因素。用户可以不去访问那些没有用处的地址,相反,他们会访问哪些对他们有帮助的链接地址。最重要的是,他们知道哪些网页已经访问过了,这样就不必一次又一次访问同一个历史页面。但是这些好处只是基于一个重要的假设:由于网站提供不同的颜色显示,用户可以分辨出哪些链接访问过,哪些链接没有访问过。如果访问一个链接后颜色没有发生变化,那么用户很可能会感到迷惑并无意中反复访问同一历史页面。

  4、文字未排版

  将所有文字堆积在一起是一种可怕的体验,浏览这样的文字将是痛苦的经历。在线写作,并不是为了打印,需要让用户能很好地阅读,下面是几个改进的要点:

  使用子标题,使用列表,突出关键字,使用小段落,反金字塔结构,简单的写作风格

  5、固定字体大小

  CSS样式不幸让网站有权禁止浏览器的“改变字体大小”的功能,并使得网站有一个固定的字体大小。对于大多数人的年龄超过40岁的人来说,这个固定地文字大小实在太小了。

  尊重用户的喜好,让他们按照自己的需要修改文字的大小,同时,明确字体大小是相对的,而非绝对显示像素的数量多少。

  6.网页标题搜索引擎不友好

  搜索是用户发现网站的最重要途径,搜索用户找到一个独立网站的最重要的方法。网页的标题是你吸引新用户或老用户从搜索列表中定位到你网站的主要工具。

  网页的标题文字是在标记之间的文字,并通常作为搜索引擎结果列表中的链接文字。搜索引擎一般只显示标题开头66个字,是真正的缩略内容。</p><p>  网页标题也用户将一个网址加为书签时的默认文字,对于你的主页,应该以公司名称开头,接着是网站的简介。</p><p>  对于其他网页来说,标题应该是将具体内容的概要文字说明,由于网页标题是浏览器窗口的标题,也是用户任务条上的标签,多个窗口下将会显示每一页的标题,因此,如果你所有的网页标题字都相同的话,对于开了多个窗口的用户来说,你网站的可用性将严重降低。</p><h2>  <strong>7、所有的东西看起来都像广告</strong></h2><p>  有选择地吸引注意力是相当有力的途径。用户已经学会了对挡在眼前的那些目的性很强的广告采取不予理睬的态度。这也就是为何点击率每年以半数速度下降,网络广告根本不起作用的原因。</p><p>  不幸的是,这也使得用户忽视了那些看起来很像广告的设计样式。毕竟,当你不理会某些东西时,就不会仔细地研究它并搞清楚它是什么。</p><p>  因此,最好避免任何类似广告的设计。这一指导方针所传达的含义随着新的广告形式出现而变化。目前遵循以下规则:</p><p>  无视横幅:着用户将不会把注意力放在任何看似横幅广告的东西,这取决于它的形状及位置。</p><p>  避免使用动画:用户会忽视那些闪烁的文字或其它侵略性很强的动画。</p><p>  净化弹出窗口:用户在弹出窗口完全打开前就会将其关闭,有时是带着极端厌恶的情绪。</p><h2>  <strong>8、违反设计惯例</strong></h2><p>  一致性是最重要的可用性原则之一:当事物遵循相同的原则运作时,用户不用担心发生意外,因为他们根据先前的经验已经很清楚将会发生什么事情。就像你每次在牛顿的头顶上放下一个苹果,它一定会砸中他的脑袋一样。</p><p>  用户的期望实现得越多,他们就越感觉是自己在控制整个系统,并且更加喜欢它。相反地,用户则会感到可靠程度不够。想想,当我释放苹果时,它变成了西红柿并朝着天空蹦出一英里,那多荒诞!</p><h2>  <strong>9、打开新的浏览器窗口</strong></h2><p>  打开新的浏览窗口就像一个吸尘器推销员在上门推销时,直接将烟灰缸里的杂物倾倒在消费者家中的地毯上。</p><p>  拜托!不要用任何窗口污染我的屏幕,如果我需要一个新窗口,我会自己打开的。</p><p>  设计者打开新窗口的本意是要让用户留在他的站点上。但是却忽略了控制用户的机器所带来的负面效应,这种策略恰恰弄巧成拙,因为当用户想通过“后退”按钮返回先前的站点时,已经做不到了。</p><p>  用户通常注意不到新窗口已经被打开,尤其当他们的显示器很小,而窗口又正好是最大化时。因此,当用户想要返回原来的站点时,面对的却只是一个不可用的灰色“后退”按钮。</p><h2>  <strong>10、不回答用户的提问</strong></h2><p>  用户是因为某个目的才访问你的网站。他们方式可能是想购买你的产品或者其他,但最终却失败了,因为网站没有提供用户寻找的资料信息。</p><p>  事实上问题远没有这么简单,如果你不告诉用户具体情况,用户就会以为你的产品或服务不能满足他们的需求,因此用户就不会购买你的产品,或者有一些信息,深深隐藏在各种文档之间,用户没有时间阅读所有这些隐藏的信息,因此也就认为它们不存在。</p><p>  不回答用户提问的最坏的例子是拒绝提供产品和服务的价格清单,没有任何B2C的商务网站会犯这种错误,但是这在B2B中却普遍存在,大多数“企业解决方案”的提出,让你不能告诉用户他们适合100个站点、还是10万个站点人。价格是最主要的作用是便于想用户提供相应的产品,避免提供一个不成熟的产品给用户。</p> </div> <ul class="serve-list mb15 clearfix"> <li> <a href="/zhanzhang/2353.html" style="padding-left: 0px;"> <div class="serve-item serve-report"> <span>上一篇:浅谈网站建设怎样突显自身特色…</span> </div> </a> </li> <li> <a href="/zhanzhang/35390.html" style="padding-left: 0px;"> <div class="serve-item serve-report"> <span>下一篇:外部链接分析技术…</span> </div> </a> </li> </ul> <ul class="article-tags mb20 clearfix" style="margin-bottom: 20px;"> </ul> <div class="article-copyright"> <div class="article-copyright-bar"> 1、宁推网原创文章未经授权转载必究,如需转载请联系授权; </div> <div class="article-copyright-bar"> 2、转载时须在文章头部明确注明出处、保留作者和原文链接,如:转自宁推网字样; </div> <div class="article-copyright-bar"> 3、宁推网报道中所涉及的所有内容均由用户提供,仅供参考! </div> <div class="article-copyright-bar"> 4、声明:该文观点仅代表作者本人,宁推网系信息发布平台,宁推网仅提供信息存储空间服务。 </div> </div> <div id="relations" class="module-box mt20"><div class="module-title-box1"><span class="module-title">相关阅读</span></div> <div class="module-bd"> <ul class="hot-article-list row"> <li class="col-sm-4"><a href="/zhanzhang/35637.html" target="_blank" class="hot-article-imgs mb10"> <img src="https://www.ningtui.com/d/file/p/2022/urxh4wxbbvj.jpg" alt="MT4软件要选择什么样的服务器" class="img-fuil lazyloaded"></a> <h3 class="recommend-article-title-box mb5"><a href="/zhanzhang/35637.html" target="_blank" title="MT4软件要选择什么样的服务器" class="recommend-article-title">MT4软件要选择什么样的服务器</a> </h3> <div class="timestamp">2022-05-31</div></li> <li class="col-sm-4"><a href="/zhanzhang/1886.html" target="_blank" class="hot-article-imgs mb10"> <img src="https://www.ningtui.com/d/file/p/2022/1m5u0ask5xc.jpg" alt="网站优化的操纵重点和细节" class="img-fuil lazyloaded"></a> <h3 class="recommend-article-title-box mb5"><a href="/zhanzhang/1886.html" target="_blank" title="网站优化的操纵重点和细节" class="recommend-article-title">网站优化的操纵重点和细节</a> </h3> <div class="timestamp">2022-05-11</div></li> <li class="col-sm-4"><a href="/zhanzhang/1864.html" target="_blank" class="hot-article-imgs mb10"> <img src="https://www.ningtui.com/d/file/p/2022/djjwrdecdfp.jpg" alt="网站优化的几个注意事项" class="img-fuil lazyloaded"></a> <h3 class="recommend-article-title-box mb5"><a href="/zhanzhang/1864.html" target="_blank" title="网站优化的几个注意事项" class="recommend-article-title">网站优化的几个注意事项</a> </h3> <div class="timestamp">2022-05-11</div></li> <li class="col-sm-4"><a href="/zhanzhang/34787.html" target="_blank" class="hot-article-imgs mb10"> <img src="https://www.ningtui.com/d/file/p/2022/bcezfb30ai2.jpg" alt="营销型网站建设制作方法的注意事项" class="img-fuil lazyloaded"></a> <h3 class="recommend-article-title-box mb5"><a href="/zhanzhang/34787.html" target="_blank" title="营销型网站建设制作方法的注意事项" class="recommend-article-title">营销型网站建设制作方法的注意事项</a> </h3> <div class="timestamp">2022-05-25</div></li> <li class="col-sm-4"><a href="/zhanzhang/3659.html" target="_blank" class="hot-article-imgs mb10"> <img src="https://www.ningtui.com/d/file/p/2022/0nmsmdbusmw.jpg" alt="SEO优化中提升网站排名都有哪些技巧可借鉴呢" class="img-fuil lazyloaded"></a> <h3 class="recommend-article-title-box mb5"><a href="/zhanzhang/3659.html" target="_blank" title="SEO优化中提升网站排名都有哪些技巧可借鉴呢" class="recommend-article-title">SEO优化中提升网站排名都有哪些技巧可借鉴呢</a> </h3> <div class="timestamp">2022-05-11</div></li> <li class="col-sm-4"><a href="/zhanzhang/4453.html" target="_blank" class="hot-article-imgs mb10"> <img src="https://www.ningtui.com/d/file/p/2022/1nfnc0secxc.jpg" alt="网站推广有哪些标准" class="img-fuil lazyloaded"></a> <h3 class="recommend-article-title-box mb5"><a href="/zhanzhang/4453.html" target="_blank" title="网站推广有哪些标准" class="recommend-article-title">网站推广有哪些标准</a> </h3> <div class="timestamp">2022-05-11</div></li> </ul> </div> </div> <div id="recommends" class="module-box"><div class="module-title-box1"><span class="module-title">推荐阅读</span></div> <div class="module-bd"> <ul class="hot-article-list row"> <li class="col-sm-4"><a href="/zhanzhang/3817.html" target="_blank" class="hot-article-imgs mb10"> <img src="https://www.ningtui.com/d/file/p/2022/r1k2fvw2tj5.jpg" alt="SEO关键词是企业提高流量点击和转换率的重要指标" class="img-fuil hover-scale lazyloaded"></a> <h3 class="recommend-article-title-box"><a href="/zhanzhang/3817.html" target="_blank" title="SEO关键词是企业提高流量点击和转换率的重要指标" class="recommend-article-title">SEO关键词是企业提高流量点击和转换率的重要指标</a></h3></li> <li class="col-sm-4"><a href="/zhanzhang/4382.html" target="_blank" class="hot-article-imgs mb10"> <img src="https://www.ningtui.com/d/file/p/2022/awznaafwafl.jpg" alt="如何借助热点事件做好网站推广" class="img-fuil hover-scale lazyloaded"></a> <h3 class="recommend-article-title-box"><a href="/zhanzhang/4382.html" target="_blank" title="如何借助热点事件做好网站推广" class="recommend-article-title">如何借助热点事件做好网站推广</a></h3></li> <li class="col-sm-4"><a href="/zhanzhang/4575.html" target="_blank" class="hot-article-imgs mb10"> <img src="https://www.ningtui.com/d/file/p/2022/ykppo2mur2s.jpg" alt="“用户反馈”如何帮助你了解产品与市场的适应性" class="img-fuil hover-scale lazyloaded"></a> <h3 class="recommend-article-title-box"><a href="/zhanzhang/4575.html" target="_blank" title="“用户反馈”如何帮助你了解产品与市场的适应性" class="recommend-article-title">“用户反馈”如何帮助你了解产品与市场的适应性</a></h3></li> </ul> </div> </div> </div> </div> <div class="container-right pull-left hidden-sm"> <div id="fixed_sign"></div> <div id="fixed_box" style="position: absolute; width: 320px;"> <div class="module-box mb20"><div class="author-article-total text-center"><span>最新更新</span></div> <ul class="author-article-list" style="margin-bottom: 20px;"> <li class="author-article-item"><a class="title" href="/zhanzhang/1866.html">网站优化需要注意的事项</a><p class="time">2022-05-11</p></li> <li class="author-article-item"><a class="title" href="/zhanzhang/41597.html">网站可以有多少二级域名</a><p class="time">2022-08-25</p></li> <li class="author-article-item"><a class="title" href="/zhanzhang/4609.html">互联网品牌营销 用户才是主导</a><p class="time">2022-05-11</p></li> <li class="author-article-item"><a class="title" href="/zhanzhang/4354.html">需要了解企业进行网站推广时的问题</a><p class="time">2022-05-11</p></li> <li class="author-article-item"><a class="title" href="/zhanzhang/2463.html">什么样的公司网站容易被攻击</a><p class="time">2022-05-11</p></li> </ul> </div> <div class="module-box mb5"> <div class="module-title-box pore clearfix"> <span class="module-title">热门标签</span> </div> <div class="module-bd"> <ul class="htn-tag-list clearfix"> <li class="pull-left"><a href="/tags-2484-0.html" target="_blank">财税代办​</a></li> <li class="pull-left"><a href="/tags-12007-0.html" target="_blank">怎么注册品牌商标</a></li> <li class="pull-left"><a href="/tags-1809-0.html" target="_blank">淘宝极速推广</a></li> <li class="pull-left"><a href="/tags-15979-0.html" target="_blank">波波来了</a></li> <li class="pull-left"><a href="/tags-8388-0.html" target="_blank">拼多多企业店</a></li> <li class="pull-left"><a href="/tags-4339-0.html" target="_blank">于和伟微博</a></li> <li class="pull-left"><a href="/tags-11314-0.html" target="_blank">软件申请著作权</a></li> <li class="pull-left"><a href="/tags-117-0.html" target="_blank">保供模式</a></li> <li class="pull-left"><a href="/tags-4901-0.html" target="_blank">网红拉姆</a></li> <li class="pull-left"><a href="/tags-5666-0.html" target="_blank">做网络推广</a></li> <li class="pull-left"><a href="/tags-4202-0.html" target="_blank">彭于晏微博</a></li> <li class="pull-left"><a href="/tags-3144-0.html" target="_blank">淘宝考试答案</a></li> <li class="pull-left"><a href="/tags-11664-0.html" target="_blank">巴博萨</a></li> <li class="pull-left"><a href="/tags-1924-0.html" target="_blank">淘宝网服饰</a></li> <li class="pull-left"><a href="/tags-19619-0.html" target="_blank">沃尔玛业绩</a></li> <li class="pull-left"><a href="/tags-7260-0.html" target="_blank">在淘宝上卖什么最赚钱</a></li> <li class="pull-left"><a href="/tags-12559-0.html" target="_blank">购买第四类商标</a></li> <li class="pull-left"><a href="/tags-4853-0.html" target="_blank">抖音直播带货分成</a></li> <li class="pull-left"><a href="/tags-15917-0.html" target="_blank">消费者投诉</a></li> <li class="pull-left"><a href="/tags-17999-0.html" target="_blank">货运服务</a></li> </ul> </div> </div> <div class="module-box mb40"> <div class="module-title-box pore clearfix"> <span class="module-title">热门文章</span> </div> <div class="module-bd"> <ul class="hot-article"> <li class="clearfix"> <a class="hot-article-img pull-left" href="/zhanzhang/1870.html" target="_blank"><img src="https://www.ningtui.com/d/file/p/2022/l0exvvn2qmt.jpg" alt="网络优化中长尾关键词应该如何运用"> </a> <div class="hot-article-info"> <h3 class="hot-article-title"> <a href="/zhanzhang/1870.html" target="_blank">网络优化中长尾关键词应该如何运用</a> </h3> <div class="hot-article-time">2022-05-11</div> </div> </li> <li class="clearfix"> <a class="hot-article-img pull-left" href="/zhanzhang/35265.html" target="_blank"><img src="https://www.ningtui.com/d/file/p/2022/05-16/57a93dc492f8687731fca7bc5765fea3.jpg" alt="Google全站链接的出现"> </a> <div class="hot-article-info"> <h3 class="hot-article-title"> <a href="/zhanzhang/35265.html" target="_blank">Google全站链接的出现</a> </h3> <div class="hot-article-time">2022-05-26</div> </div> </li> <li class="clearfix"> <a class="hot-article-img pull-left" href="/zhanzhang/38788.html" target="_blank"><img src="https://www.ningtui.com/d/file/p/2022/fba0aouq2ir.jpg" alt="网站排名seo优化 目标关键词转化技巧分享"> </a> <div class="hot-article-info"> <h3 class="hot-article-title"> <a href="/zhanzhang/38788.html" target="_blank">网站排名seo优化 目标关键词转化技巧分享</a> </h3> <div class="hot-article-time">2022-07-13</div> </div> </li> </ul> </div> </div> <div class="module-box mb40"> <ul class="tab mb10 clearfix"> <li class="active" id="kx"><strong>最新文章</strong></li> <li id="rw"><strong>推荐文章</strong></li> </ul> <div class=""> <div class="title-list" id="kx_list"> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/37933.html" target="_blank">博客域名如何注册 要注意什么</a> </div> <div class="kx-time">2022-07-01</div></div> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/4306.html" target="_blank">网站推广最重要的是需要营销工具</a> </div> <div class="kx-time">2022-05-11</div></div> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/4133.html" target="_blank">seo优化推广提升效果几个绝招</a> </div> <div class="kx-time">2022-05-11</div></div> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/3419.html" target="_blank">如何把网站做优做强 网站SEO优化是关键</a> </div> <div class="kx-time">2022-05-11</div></div> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/3923.html" target="_blank">SEO推广中 网站关键词排名是大家最为关注的</a> </div> <div class="kx-time">2022-05-11</div></div> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/4014.html" target="_blank">SEO优化的注意事项</a> </div> <div class="kx-time">2022-05-11</div></div> </div> <div class="title-list dn" id="rw_list"> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/34901.html" target="_blank">WordPress的优点和主要功能</a> </div> <div class="kx-time">2022-05-25</div></div> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/35134.html" target="_blank">用户体验优化-浏览体验</a> </div> <div class="kx-time">2022-05-26</div></div> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/2622.html" target="_blank">深圳网站建设有哪些注意事项</a> </div> <div class="kx-time">2022-05-11</div></div> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/2570.html" target="_blank">你们都知道的全网营销渠道 但会运作的没几个</a> </div> <div class="kx-time">2022-05-11</div></div> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/4397.html" target="_blank">悄悄告诉你网站推广有哪些就近方法</a> </div> <div class="kx-time">2022-05-11</div></div> <div class="kx-bar"> <div class="kx-title"><a href="/zhanzhang/3262.html" target="_blank">SEO优化8个企业营销型网站必备栏目页</a> </div> <div class="kx-time">2022-05-11</div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/x-template" id="comment-item-template"> <li class="clearfix comment-item" :data-comment-id="data.comment_id"> <div class="comment-avatar pull-left"> <img class="img-fuil" :src="data.user_avatar" alt=""> </div> <div class="comment-info"> <div class="comment-hd">{{data.display_name}}<span class="comment-time">{{data.time_ago}}</span></div> <div class="comment-content"> {{data.content}} </div> </div> </li> </script> <script> </script> <div class="lyw-sile"> <div class="lyw-sile-item back-top" id="back_top"></div> </div> <footer class="lyw-footer"> <div class="ft-hd"> <div class="container"> <div class="ft-text-container"> <div class="partner mb20 clearfix"> </div> <ul class="ft-nav mb30 clearfix"> <li><a herf=javascript:void(0)” rel="nofollow">关于我们</a></li> <li>|</li> <li><a herf=javascript:void(0)” rel="nofollow">联系我们</a></li> <li>|</li> <li><a herf=javascript:void(0)” rel="nofollow">商务合作</a></li> <li>|</li> <li><a herf=javascript:void(0)” rel="nofollow">加入我们</a></li> </ul> <div class="partner mb20 clearfix"> <div class="partner-title">宁推网(www.ningtui.com)专注于互联网动态最新资讯,提供站长资讯,自媒体,IT资讯,电商资讯,企业资讯,科技资讯等,致力于服务好每一位互联网从业者,为大家提供最及时的互联网资讯!</div> </div> </div> </div> </div> <div class="ft-ft"> <div class="container"> <span>增值电信业务经营许可证:苏B2-20220230 在线数据处理与交易许可证:苏B2-20220230</span> <span>Copyright © 2022-现在 宁推网 ningtui.com All rights reserved 南京宁推网络科技有限公司 版权所有 <a rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">苏ICP备2021053574号</a></span> </div> </div> </footer> </div> <!-- 吸底广告 end --> <script src="/static/js/jquery.min.js"></script> <script src="/static/js/swiper-3.4.1.min.js"></script> <script type="text/javascript"> $(function () { function ajaxRefresh() { NProgress.start(); var catSlug = $('.classify.active').attr('data-classify'); var domain = $('#subsubnav_list>li.active>a').attr('data-classify'); console.log('cat ' + catSlug + ', domain ' + domain); if (catSlug && domain) { url = '/c/' + catSlug + '/d/' + domain; } else if (catSlug) { url = '/c/' + catSlug; } else { url = '/'; } console.log('url ' + url); //更新下一级所有领域的href $('#subsubnav_list>li>a').each(function () { var dm = $(this).attr('data-classify'); $(this).attr('href', '/c/' + catSlug + '/d/' + dm); }) $.ajax({ url: url, type: "GET", headers: { AjaxFilter: "1" }, success: function (data) { //console.log('get success ' + data); $('.article-container').html(data); NProgress.done(); // 仅加载更多需要 w1_ias.reinitialize(); }, error: function (er) { } }); } /** * 快讯 热文 */ $('body').on('click', '#kx', function (event) { event.preventDefault(); $(this).addClass('active').siblings().removeClass('active'); $('#kx_list').removeClass('dn').siblings().addClass('dn'); }); $('body').on('click', '#rw', function (event) { event.preventDefault(); $(this).addClass('active').siblings().removeClass('active'); $('#rw_list').removeClass('dn').siblings().addClass('dn'); }); /** * 融资汇和融资快讯切换 */ $('body').on('click', '.module-tab-item-rongzi', function () { var url = $(this).attr('data-url'); $('#more').attr('href', url) $('.module-tab-item-rongzi').removeClass('active') $(this).addClass('active') console.log($(this).index()) $('.module-tab-content-rongzi').hide() $('.module-tab-content-rongzi').eq($(this).index() - 1).show() // 融资快讯滚动 new Swiper('.rongzi-swiper', { scrollbar: '.rongzi-swiper-scrollbar', direction: 'vertical', slidesPerView: 'auto', mousewheelControl: true, freeMode: true, roundLengths : true, //防止文字模糊 }); }) }) </script> </body> </html>