<!doctype html> <html> <head> <title>‚YUOcknx301Í‘š[T_d"}_Îd_‘NOS%„•¨c^</title> <meta name="keywords" content="‚YUOcknx301Í‘š[T" /> <meta name="description" content="" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1"> <meta charset="gb2312"> <link rel="stylesheet" type="text/css" href="http://www.webseo.com.cn/imageseo/library.css"> <script language="JavaScript"> <!-- //9eØSþVGr'Y\ function resizepic(thispic) { return true; } //àe§~)>eþVGr'Y\ function bbimg(o) { return true; } --> </script> </head> <body> <script src="http://www.webseo.com.cn/imageseo/zepto.js"></script> <header> <nav> <a class="navbar-brand logo area_header" href="/" title="‘NàeP–"><img src="http://www.webseo.com.cn/imageseo/logo.png" / alt="‘NàeP–˜[Q"></a> <a class="btnToggle"><em></em></a> <div class="buttons"> <a class="btn btn-standard3 btnDemo area_header" href="tencent://message/?uin=77176696&Site=yunwuxian.com&Menu=yes" rel="nofollow" target="_blank">¢[ g</a> </div> <!--nav-menu--> <ul class="nav-menu"> <li class="menu"><a title="OS’c T€bç]" href="/b/List_15.html">’c T€bç]</a></li> <li class="menu"><a title="seoOSYe z" href="/b/List_16.html">SEOYe z</a></li> <li class="menu"><a title="~v¦^’c TOS" href="/b/List_17.html">~v¦^OS</a></li> <li class="menu"><a title="QÜ~%„•¹eHh" href="/b/List_18.html">QÜ~%„•</a></li> <li class="menu"><a title="d"}_Îd’c T€bç]" href="/b/List_19.html">d"}_Îd</a></li> <li class="menu"><a title="ÔYXb’c TOS" href="/b/List_20.html">ÔYXb’c T</a></li> <li class="menu"><a title="ONQÙz6R\O" href="/b/List_21.html">QÙz6R\O</a></li> <li class="menu"><a title="ú^ÙzOS’c T Rßv" href="/b/List_22.html">T\O Rßv</a></li> </ul> <!--/nav-menu--> </nav> </header> <main> <section class="banner banner-simple dark" style="background-image:url(http://www.webseo.com.cn/imageseo/imgcss/banner_bg_10.jpg)"> <article> <p class="h1">QÙzOS g¡R</p> <p class="h3 detail">‘NOSNèld"}_ÎdOS¨c^ g¡R0</p> </article> </section> <section class="blog post tag-techshare"> <article> <div class="post-parent"> <div class="post-header"> <ul class="breadcrumb"> <li><a class="h5 detail" href="/">–™u˜</a></li> <li><a class="h5 detail" href="/b">QÙzOS</a></li> <li><a class="h5 detail" href="/b/List_19.html">d"}_Îd</a></li> </ul> <h1 class="post-title">‚YUOcknx301Í‘š[T</h1> <div class="post-meta"> <p class="h6 detail underline"> <time class="post-date" datetime="2016/1/21 15:50:07">2016/1/21 15:50:07</time> </p> </div> </div> <div class="post-content"> <p style="text-align: left; text-indent: 2em;"><br/>&nbsp; &nbsp; <span style="color:Red"><strong>301Í‘š[T/fÀNHNa`ÿ</strong></span><br/>&nbsp; &nbsp; (W0W@WhÌ‘“�eQÿßW T XXXX.com ïSåN w0Rê�¨Ró�l�0R www.xxxxx.com Ù�7h„vHeœg1\/f301Í‘š[T0øvÍSÇ�eg_N/fN7h„v0<br/>&nbsp; &nbsp; <span style="color:Red"><strong>:NÀNHN�‰ZP301Í‘š[Tÿ</strong></span><br/>&nbsp; &nbsp;<span id="_baidu_bookmark_start_35" style="display: none; line-height: 0px;"> </span><span style="color: rgb(0, 112, 192);"> N0:N†NQ@WURL„vhÆQS</span><span id="_baidu_bookmark_end_36" style="display: none; line-height: 0px;"> </span><br/>&nbsp; &nbsp; 1 ÿbìNÏ~8^G�0R„v1\/f&^www„vßW TŒT N&^www„vßW T301Í‘š[T˜0(W*gZP301Í‘š[TKNMR ÿàeº‹/f(u7bbd"}_Îd‡Û† ÿ�Ç�Ù�$N*NQ@W/fý�ý€¿‹ î•Q Ùz„v TN*Nu˜b—0ù[ŽN(u7bïSý€ N*Y(Wa ÿàV:Nàeº‹(uêT*NQ@Wý�ý€¿‹î•0FO/fù[ŽNd"}_Îdegô‹1\/f2*N N T„vURL ÿasT@w2*Nu˜b—„vCgÍ‘1\�‰R+R¡‹—{†N ÿ ZÈ~Ó~œg1\/fQÙzCgÍ‘„vRce0£�HNÎNSEO„vÒ‰¦^R�g ÿ\•ÏPu˜b—„vX[(WqS³[_Nˆ_'Y0<br/>&nbsp; &nbsp;<span id="_baidu_bookmark_start_11" style="display: none; line-height: 0px;"> </span><span style="color: rgb(0, 112, 192);">ŒN0QÙz/T<span id="_baidu_bookmark_end_12" style="display: none; line-height: 0px;"> </span>(u†N°eßW T</span><br/>&nbsp; &nbsp; 1uŽNÐg›NŸSàVQÙz/T(u†N°eßW T ÿ€ßW TÙ�öeP_N—�‰301Í‘š[T0R°e„vßW T0Ù�7hïSåNJTÉ‹d"}_ÎdQ@W/T(u†N°e„vQ@Wb€/f(u7b¿‹î•ŸSeg„vQ@W Nó�ŽNSb N _ €_c1Y†NAmÏ‘0bìNØ�sQÃ_„vN*N˜1\/f€ßW T„vCgÍ‘/f&Tý€ O�ÿCgÍ‘„v O�/f—�‰N*NÇ� z„v ÿN,‚7ŒLk„vÍS”^Ôk~v¦^Å��0ó�ŽNCgÍ‘/f&Tý€YŒ[hQ O�ÝO š[SEO¤‹:N/f NO„v0ó�\bØ�¡l g w0RsQŽN301Í‘š[Tý€YŒ[hQ O�CgÍ‘Ù�Nô‹Õl„v gHeHh‹O0<br/>&nbsp; &nbsp;<br/>&nbsp; &nbsp;<span id="_baidu_bookmark_start_17" style="display: none; line-height: 0px;"> </span><span style="color: rgb(0, 112, 192);"> N0QÙz…Qè�<span id="_baidu_bookmark_end_18" style="display: none; line-height: 0px;"> </span><span style="color: rgb(0, 112, 192);">Ó~„g„vŒte</span></span><br/>&nbsp; &nbsp; SEOÙz…QOS-N‰mÊS0RîvU_Ó~„g„vOS ÿ g›NîvU_Q@W—�‰Û�Lˆ301Í‘š[T0Ø� g…Qè�N›N•ï‹„vu˜b—_NïSåNZP301Í‘š[T ÿÐcØš(u7bSOŒš0<br/>&nbsp; &nbsp; <span style="color:Red"><strong> Nb—ËNÍ~301Í‘š[T„v¹eÕlÿ</strong></span><br/>&nbsp; &nbsp; <span style="color: rgb(0, 112, 192);"><span id="_baidu_bookmark_start_23" style="display: none; line-height: 0px;"> </span>10l<span id="_baidu_bookmark_end_24" style="display: none; line-height: 0px;"> </span>inux„vZ†ßb;N:gApache„v g¡RhV ÿ—�‰/ec.htaccess Ù�*N‡eöN0</span>ÿ¨Tâ‹;N:gFU/f&T/ec ÿ‚Yœg/ec ÿRHQ2*NßW Tý�ã‰�g0R TN*NIP ÿ6qT(W.htaccess‡eöN_ËYY ReQN NĉRÿ<br/>ãNx:<br/>RewriteCond %{http_host} ^hongtaoseo.com [NC]<br/>RewriteRule ^(.*)$ http://www.hongtaoseo.com/$1 [R=301,L]<br/>&nbsp; &nbsp; {˜èla„v1\/fÿ.htaccessÙ�*N‡eöNúW,g(W O0R,g0W/f Ný€ôv¥c«ˆîO9e„v ÿbìNïSåNÇ‘(uîO9eb.htaccess.txt„vb__egÛ�Lˆ¿‹î•‘� ÿŠb�‰ ™Q„vãNx™Q}YKNT ÿôv¥cŠb.htaccess.txt O Nzzô• ÿ�QŠb.htaccess.txtôv¥c(uFTPîO9eb.htaccess‡eöN T ÿÙ�7h1\ïSåN GSHefUÿ<br/>&nbsp; &nbsp;<span id="_baidu_bookmark_start_53" style="display: none; line-height: 0px;"> </span><span style="color: rgb(0, 112, 192);"> 20window„vZ†ßb;N:gIIS„v g¡RhV ÿ—�‰ g‰[ň ISAPI_RewriteÙ�*NÄ~öN0</span><span id="_baidu_bookmark_end_54" style="display: none; line-height: 0px;"> </span>ÿ¨Tâ‹;N:gFU/f&T/ec ÿ‚Yœg/ec ÿRHQ2*NßW Tý�ã‰�g0R TN*NIP ÿ6qThttpd.ini‡eöN_ËYY ReQåN NĉRÿ<br/>ãNx:<br/>RewriteCond Host: ^XXXXX\.com$<br/>RewriteRule (.*) http\://www\.XXXXX.COM\.com$1 [R,I]<br/>&nbsp; &nbsp; ‚YœgÇ‘(uåN NãNx NïSLˆ ÿ÷‹`O\Õ‹ NÙ�*NãNxÿ<br/>ãNx:<br/>[ISAPI_Rewrite]<br/># 3600 = 1 hour<br/>CacheClockRate 3600<br/>RepeatLimit 32<br/>RewriteCond Host: ^XXXX\.com$<br/>RewriteRule (.*) http\://www\.XXXX\.com$1 [I,RP]<br/>&nbsp; &nbsp; <span style="color: rgb(0, 112, 192);">3.IIS g¡RhV N¾‹n301Í‘š[T„v¹eÕl</span>,�(uŽNO(uWindowQÜ~ g¡RhV„v(u7b,åNhttp://xxx.com/cT0Rhttp://www.xxx.com/:N‹O<br/>&nbsp; &nbsp; –™HQ°eú^N*NÙz¹p ÿù[”^îvU_‚YD:\wwwroot\301web0ûm RN*Nindex.html‡eöNŒT404.html‡eöN ÿ6qTÑ~š[�‰301ó�l�„vßW Thttp://xxx.com<br/>&nbsp; &nbsp; <span style="color: rgb(0, 112, 192);">4.(WIIS-N �ébRMbbìNú^Ëz„vÙz¹p</span> ÿóS.• ÿ^\'` ÿ;NîvU_ ÿ �ébÍ‘š[T0R ÿ“�eQQ@W‚Yÿhttp://www.xxx.com/ ÿv^ �éb8lENÍ‘š[T �y˜ ÿ1\ïSåN†N0<br/>&nbsp; &nbsp; <span style="color:Red"><strong>asp 301Í‘š[T„v¹eÕlÿ</strong></span>ïSåN(W(W default.aspbindex.asp ‡eöN „vZv˜è�ûm RãNx<br/>&lt;%Response.Status=&quot;301 Moved Permanently&quot;Response.AddHeader &quot;Location&quot;,&quot;http://www.XXX.com/&quot;Response.End%&gt;<br/>&nbsp; &nbsp;<span style="color:Red"><strong> php 301Í‘š[T„v¹eÕl</strong></span>ÿïSåN(Windex.php ‡eöN„vv˜è�ûm RãNx&lt;?php$the_host = $_SERVER[&#39;HTTP_HOST&#39;];//ÖS—_S_MRßW T&nbsp; &nbsp;$request_uri = isset($_SERVER[&#39;REQUEST_URI&#39;]) ? $_SERVER[&#39;REQUEST_URI&#39;] : &#39;&#39;;//$R­e0W@WTb—/f&T gÂSpe&nbsp; &nbsp;if($the_host != &#39;www.XXX.com&#39;)//ó�l�0RcT„v0W@W&nbsp;&nbsp;{&nbsp; &nbsp;&nbsp; &nbsp;header(&#39;HTTP/1.1 301 Moved Permanently&#39;);//ÑSúQ3014Yè�&nbsp; &nbsp;&nbsp; &nbsp;header(&#39;Location: http://www.XXX.com/&#39;.$request_uri);//å‹cT0W@W„v„v&nbsp; &nbsp; <span style="color: rgb(0, 112, 192);">4.�Ç�301Í‘š[TÒcöNÛ�Lˆ¾‹n</span><br/>&nbsp; &nbsp; wordpress:_'Y„vÒcöNŸRý€ ÿÔk‚Y301Í‘š[TÒcöNslredirectplugin ÿ‰[ňT(WTðSÛ�Lˆøv”^„v¾‹n1\ïSåNdš[301Í‘š[T†N0WP„v301Í‘š[T1\Ù�HN€{USÿ<br/>&nbsp; &nbsp; :N†N�MQúQ°s•ï‹ïSåNŠb.htaccess‡eöNYýNNýNæTÿ<br/>&nbsp; &nbsp; �Ç�åN N„vàQÍy¹eÕlbìNÛ�Lˆ301Í‘š[T„v¾‹n ÿFO/fbŸRN&TØ��‰Û�LˆÀhKm0–™HQbìNïSåNP©RÀhKmå]wQ ÿ�Ç�Ô�ÞV„vHttp¶r`xeg$R­e/f&TbŸR0Ô�ÞV„v¶r`x/f301hˆ:y¾‹nbŸR0</p> </div> <div class="post-footer"> <div class="flip1"> <li> NNÇ{‡eàzÿ <a class='LinkPrevArticle' href='/b/seo/10453.html' title='‡eàzh˜˜ÿseo{|‡eàz™Q\O„v`ï�/fÀNHNbT \O&nbsp;&nbsp;&nbsp;&nbsp;€ÿ‘NOS ôf°eöeô•ÿ2016/1/21 15:50:06'>seo{|‡eàz™Q\O„v`ï�/fÀNHNbT</a></li> <li> NNÇ{‡eàzÿ <a class='LinkNextArticle' href='/b/seo/10455.html' title='‡eàzh˜˜ÿQÙz¨c^„vÛV'Y¹eÕl€bç] \O&nbsp;&nbsp;&nbsp;&nbsp;€ÿ‘NOS ôf°eöeô•ÿ2016/1/21 15:50:10'>QÙz¨c^„vÛV'Y¹eÕl€bç]</a></li> </div> </div> </div> </div> <ul class="post-cards"> <li class="hots"> <p class="h4">¨cPƒ‡eàz</p> <ul> <li> <a class="area_hots" href="/b/seo/23402.html"> <img src="/b/UploadFiles_1759/201806/20180602121341778_S.jpeg" alt="ô‹f" /> <p class="h4">2018t^NLuog%„•‡eHhR�g</p> <p class="h6 detail"></p> </a> </li> <li> <a class="area_hots" href="/b/seo/23401.html"> <img src="/b/UploadFiles_1759/201806/20180602120527839_S.jpg" alt="ô‹f" /> <p class="h4">2018t^Ygw‘CPno%„•</p> <p class="h6 detail"></p> </a> </li> <li> <a class="area_hots" href="/b/seo/22985.html"> <img src="/b/UploadFiles_1759/201604/2016042918274706_S.jpg" alt="ô‹f" /> <p class="h4">SEOâV–”^å‹wQYêT›N }(�</p> <p class="h6 detail"></p> </a> </li> <li> <a class="area_hots" href="/b/seo/22984.html"> <img src="/b/UploadFiles_1759/201604/2016042918274646_S.jpg" alt="ô‹f" /> <p class="h4">‚YUOÐcGSQÙzl�S‡sÿ</p> <p class="h6 detail"></p> </a> </li> <li> <a class="area_hots" href="/b/seo/22983.html"> <img src="/b/UploadFiles_1759/201604/2016042918274513_S.gif" alt="ô‹f" /> <p class="h4">•>\sQ.•Í‹„vOSžRÕl</p> <p class="h6 detail"></p> </a> </li> <li> <a class="area_hots" href="/b/seo/22982.html"> <img src="/b/UploadFiles_1759/201604/2016042918274568_S.jpg" alt="ô‹f" /> <p class="h4">ZS¢[«ˆK„vàQ*NŸSàV;`Ó~</p> <p class="h6 detail"></p> </a> </li> </ul> </li> </ul> </article> </section> <section class="table"> <article> <p class="line-title">QÙzSEOOS</p> <div class="tbl-header"> <table cellpadding="0" cellspacing="0"> <thead> <tr> <th class="h4">SEOÍd\O</th> <th class="h4"></th> <th class="h4"></th> <th class="h4">SEO{|‹W</th> </tr> </thead> </table> </div> <div class="tbl-content"> <table cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="h6 category" colspan="2"><b>QÙzš[MO</b></td> </tr> <tr> <td class="h6">fnxQÙzš[MO0(u7bš[MO,9hnc§NÁT^\'`Ó~T(u7bd"}`Nï`Û�LˆsQ.•Í‹xvzŒTú^Ëz0</td> <td class="h6 detail enabled"></td> </tr> <tr> <td class="h6 category" colspan="2"><b>Ùz…QOS</b></td> </tr> <tr> <td class="h6">QÙzÓ~„gÊSHTMLãNxOS0h˜˜0Ïcð�0sQ.•Í‹š[INÿ</td> <td class="h6 detail enabled" rowspan="4"></td> </tr> <tr> <td class="h6">þVGrALTOS0ë_gq)euþVOS0H\STRONG\FONT\P\DIV\LIh~{OS</td> </tr> <tr> <td class="h6">þ”¥cAh~{¾‹n0URLOS0{kþ”0zzþ”0#÷Sþ”I{Yt</td> </tr> <tr> <td class="h6">‡e,g9SM‘NsQ.•W[¾‹n0ü[*‚OS0îvU_OS0æ‹Å`u˜OS</td> </tr> <tr> <td class="h6 category" colspan="2"><b>ÙzYOS</b></td> </tr> <tr> <td class="h6">~v¦^6eU_;N¨R÷‹BlãNx0QÙzSitemap.xml"}_¾‹n</td> <td class="h6 detail enabled" rowspan="3"></td> </tr> <tr> <td class="h6">Øš(�Ï‘Yþ”ŒTËSÅ`þ”¥cú^¾‹0URL_ü[6eU_Ðc¤N</td> </tr> <tr> <td class="h6">d"}SOŒšÊS)euþVOS0Qu˜ë_gqOS0Cg͑ċ§~ÐcGS</td> </tr> <tr> <td class="h6 category" colspan="2"><b>‡eàzÑS^€bç]</b></td> </tr> <tr> <td class="h6">h˜˜’‘îv0ÆQnx O�‡eàz`ó` ÿh˜˜wQYØš¦^„v;`Ó~'`ŒT‚iìb'`</td> <td class="h6 detail enabled" rowspan="4"></td> </tr> <tr> <td class="h6">sQ.•W[¾‹nÎN‡eàzh˜˜Ì‘Ðc¼p ÿÅ_îO cÍ‹Ä~Ðc¼p gcpe„vsQ.•Í‹</td> </tr> <tr> <td class="h6">‡eàzXd9SM‘sQ.•W[v^ß~ýchQ@\ ÿXd�‰Å_{˜ÆQnxhˆ¾�‡eàz„v‰¹p</td> </tr> <tr> <td class="h6">‡eàzM‘þVÅ_{˜121x75„v Ppe ÿ‡eàzÑS^TÅ_ZPURL6eU_Ðc¤N</td> </tr> <tr> <td class="h6 category" colspan="2"><b>SEOV{euN€bç]</b></td> </tr> <tr> <td class="h6">nxÝOþ”¥c«ˆ6eU_b_bë_gq ÿnxÝOQu˜ë_gqÂSNCg͑ċ§~</td> <td class="h6 detail enabled" rowspan="6"></td> </tr> <tr> <td class="h6">h˜˜(uè�R9SM‘ŸSR ÿÏcð�(uŒ[te9SM‘ŸSR</td> </tr> <tr> <td class="h6">’c T`—MR„v…Qþ”_ü[`—T„v ÿÐcØšd"}U\°s‡sŒT gHe¹pûQ</td> </tr> <tr> <td class="h6">…Q¹[(uŒ[te9SM‘0sQ.•W[ R—| ÿ…Qþ”•‡e,gNü[úQþ”¥cøvsQ</td> </tr> <tr> <td class="h6">þ”¥cB\§~Abs^S0îvU_€{íw ÿTtO(uQÙzü[*‚ŒTR{|</td> </tr> <tr> <td class="h6">Í‘�‰þ”¥c>e0R,{NO\ ÿ‡eHh…Q¹[9SM‘•>\Í‹ €^—;NÍ‹</td> </tr> <tr> <td class="h6 category" colspan="2"><b>ë_�’c T</b></td> </tr> <tr> <td class="h6">US*N.•Í‹/f&TÛ�eQd"}–™u˜bMR N</td> <td class="h6 detail enabled" rowspan="5"></td> </tr> <tr> <td class="h6">sQ.•W[Å_{˜(Wd"}_ÎdÓ~œg g’c T</td> </tr> <tr> <td class="h6">QÙz N—�‰Ç�YŒte0@\è�OS</td> </tr> <tr> <td class="h6">’c T�¦^ë_0N,‚2hTæ]óS</td> </tr> <tr> <td class="h6"> c¦~š[Œš6e¢[7bcš[„vsQ.•Í‹</td> </tr> <tr> <td class="h6 category" colspan="2"><b>teÙzOS</b></td> </tr> <tr> <td class="h6">te*NQÙzÎNd"}_ÎdÇ�eg„vAmÏ‘</td> <td class="h6 detail enabled" rowspan="6"></td> </tr> <tr> <td class="h6">êS�‰QÙz6eU_'YŽN100agsSïS</td> </tr> <tr> <td class="h6">QÙzÏk§~ý��‰ZPÙz…QŒteOS</td> </tr> <tr> <td class="h6">teÙzOSRgøvù[ƒ�ba</td> </tr> <tr> <td class="h6" rowspan="2">9hnc;NÍ‹cí~ibU\•>\Í‹</td> </tr> </tbody> </table> </div> </article> </section> <section class="faqs" style="padding:32px;"> <p class="line-title">SEO˜ÿFAQs ÿ</p> <article> <ul class="posts"> <li> <div class="faqsquestion"><span class="h3">QÙzTDK`HNš[IN?</span></div> <div class="faqsanswer"> <span class="h5 detail">fnxQÙzš[MO0(u7bš[MO,9hnc§NÁT^\'`Ó~T(u7bd"}`Nï`Û�LˆsQ.•Í‹xvzŒTú^Ëz0</span> </div> </li> <li> <div class="faqsquestion"> <span class="h3">Ùz…QOSS+TÀNHN…Q¹[ÿ</span> </div> <div class="faqsanswer"> <span class="h5 detail">Ùz…QOS;N�‰S+TQÙzãNxOSŒTQÙz…Q¹[Œte ÿ‚Y Nÿ</span> <ol class="faqslist"> <li class="h5 detail"> QÙzÓ~„gÊSHTMLãNxOS0h˜˜0Ïcð�0sQ.•Í‹š[INÿ</li> <li class="h5 detail">þVGrALTOS0ë_gq)euþVOS0H\STRONG\FONT\P\DIV\LIh~{OS</li> <li class="h5 detail">þ”¥cAh~{¾‹n0URLOS0{kþ”0zzþ”0#÷Sþ”I{Yt</li> <li class="h5 detail">‡e,g9SM‘NsQ.•W[¾‹n0ü[*‚OS0îvU_OS0æ‹Å`u˜OS</li> </ol> </div> </li> </ul> </article> </section> <section class="start dark"> <article> <p class="h2">ñm¦^ O­d ÿ¾|ÆQ·ƒ¢[</p> <p class="h5 detail">QÙzOS€�÷‹¨`Nw�¨cÛ�%„•¾|ÆQS0€{USSÿ</p> <nav class="buttons"> <a class="btn btn-standard4 area_start" href="tencent://message/?uin=77176696&Site=yunwuxian.com&Menu=yes" rel="nofollow" target="_blank">ËzsS¨Tâ‹</a> <nav> </article> </section> </main> <style> .dockAdvisory { position: fixed; right: 0; bottom: 200px; z-index: 999; } .dockAdvisory .tel { width: 70px; height: 70px; background: white; border: 1px solid #04cb94; border-radius: 3px; box-shadow: 0 1px 3px #7D7D7D } .dockAdvisory .tel:hover { cursor: pointer; } .dockAdvisory .tel .tel-window { width: 200px; height: 56px; line-height: 56px; background: white; position: absolute; z-index: 0; right: 0; z-index: -1; transform: translateX(100%); border: 1px solid #04cb94; color: #4A90E2; font-size: 22px; font-family: PingFangSC-Medium; text-align: center; margin-top: 7px; border-radius: 3px; } .dockAdvisory .tel .tel-button { font-family: PingFangSC-Light; font-size: 11px; color: #3aa2d0; text-align: center; line-height: 1; position: absolute; width: 70px; } .dockAdvisory .tel .tel-button .phonePic { display: inline-block; width: 40px; height: 40px; margin: 5px auto 5px; background: url('http://www.webseo.com.cn/imageseo/tel.svg') 0 0 no-repeat; background-size: 100% 100%; } @keyframes rightToLeft { to { transform: translateX(-68px) } } @keyframes leftToRight { from { transform: translateX(-70px) } to { transform: translateX(70%) } } .rightmoveLeft { animation: rightToLeft 1s forwards; } .leftmoveRight { animation: leftToRight 1s forwards; } @media all and (max-width:640px) { .telAdvice { display: none; } .dockAdvisory .tel { width: 45px; height: 45px; } .dockAdvisory .tel .tel-button { width: 45px; height: 45px; } .dockAdvisory .tel .tel-button .phonePic { display: inline-block; width: 32px; height: 32px; background: url('http://www.webseo.com.cn/imageseo/tel.png') 0 0 no-repeat; background-size: 100% 100%; } .tel-window{ display: none; } } </style> <div class="dockAdvisory"> <div class="tel" id="dockAdvisoryTel"> <div class="tel-button"> <div class="phonePic"></div> <div class="telAdvice">5uÝ‹¨Tâ‹</div> </div> <div class="tel-window" id="tel-window">18810118859</div> </div> </div> <script> var dockAdvisoryTel = document.getElementById("dockAdvisoryTel"); var telWindow = document.getElementById("tel-window"); var mouseEnterFun = function () { // console.log('mouseenter'); if (!/AppleWebKit.*Mobile.*/i.test(navigator.userAgent)) { telWindow.classList.remove('leftmoveRight') telWindow.classList.add('rightmoveLeft') } } var mouseLeaveFun = function () { // console.log('mouseleave'); telWindow.classList.remove('rightmoveLeft') telWindow.classList.add('leftmoveRight') } dockAdvisoryTel.addEventListener("mouseenter", mouseEnterFun) dockAdvisoryTel.addEventListener("mouseleave", mouseLeaveFun) dockAdvisoryTel.addEventListener("click", function(){ if (/AppleWebKit.*Mobile.*/i.test(navigator.userAgent)) { //ûy¨Rïz window.location.href = 'tel:18601360098' } }) </script> <footer> <div class="footer_grop"> <style type="text/css"> .footer_grop{width:100%;background-color:#222;padding:30px 0;} .foot_link{width:100%;padding-bottom:20px;margin:0 auto;text-align: center;} .foot_link a{display:inline-block;color:#E5E5E5;font-size:16px;position:relative;padding:0px 12px;margin-bottom: 5px;} .foot_link a:after{content:"";width:1px;height:21px;background:#fff;position:absolute;right:0;} .foot_link a:last-child:after{background:#222;} .footer_grop p{width:80%;margin:0 auto;font-size: 14px;color: #c3c3c3;text-align: center;line-height: 32px;} @media (max-width: 870px){.footer_grop p{width:95%;}} </style> <div class="foot_link"> <a href="http://bj.webseo.com.cn/" class="hot-city">S¬N</a><a href="http://sh.webseo.com.cn/" class="hot-city"> Nwm</a><a href="http://gz.webseo.com.cn/" class="hot-city">^Þ]</a><a href="http://sz.webseo.com.cn/" class="hot-city">ñm3W</a><a href="http://cd.webseo.com.cn/" class="hot-city">bý�</a><a href="http://hz.webseo.com.cn/" class="hot-city">mgÞ]</a><a href="http://nj.webseo.com.cn/" class="hot-city">WS¬N</a><a href="http://tj.webseo.com.cn/" class="hot-city">)Y%m</a><a href="http://wh.webseo.com.cn/" class="hot-city">fkIl</a><a href="http://cq.webseo.com.cn/" class="hot-city">Í‘†^</a> </div> <p>‘NàeP–Nèl~v¦^d"}_ÎdOSŒTsQ.•Í‹’c T g¡R ÿ(uSEO€b/g:N¨`Í‘„gQÙz09eÛ�QÙz(�Ï‘ŒT(u7bSOŒš0án³�d"}_ÎdĉRŒTÐcGS¢[7bl�S0</p> </div> </footer> <script src="http://www.webseo.com.cn/imageseo/layout.js"></script> <script src="http://www.webseo.com.cn/imageseo/header.js"></script> <script src="http://www.webseo.com.cn/imageseo/jquery.js"></script> <script src="http://www.webseo.com.cn/imageseo/faq.js"></script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>