騰訊QQ網(wǎng)頁在線客服，隱藏在網(wǎng)頁一側(cè)的隱現(xiàn)效果二

更新時間：2007年03月09日 00:00:00 作者：

該特效需要用到相關(guān)的圖片，比如那個效果的皮服，請各位自行將相關(guān)的圖片下載到本地使用。

<html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>騰訊QQ網(wǎng)頁在線客服，隱藏在網(wǎng)頁一側(cè)的隱現(xiàn)效果二</title>  </head>  <body>    <script language="JavaScript1.2">  function move(x, y) {  if (document.all) {  object1.style.pixelLeft += x;  object1.style.pixelTop  += y;}  else  if (document.layers) {  document.object1.left += x;  document.object1.top  += y;  }};  function position() {  document.object1.left += -200;  document.object1.top  += 0;  document.object1.visibility = "show"  };  function makeStatic() {  if (document.all) {object1.style.pixelTop=document.body.scrollTop+100}  else {eval('document.object1.top=eval(window.pageYOffset+20)');}  setTimeout("makeStatic()",0);}  </script>      <layer class="NS" onmouseover="move(580,0)" onmouseout="move(-580, 0)" top="20" visibility="hide" name="object1" left="0">      <script language="JavaScript1.2">  if (document.all)  document.write('<div   class="72efgc2"   id="object1" style="Position : Absolute ;Left : -125px ;Top : 20px ;Width : 0px ;Z-Index : 20">')  </script>      <table onmouseover="move(120,0)" onmouseout="move(-120, 0)" cellspacing="1" cellpadding="2" border="0">          <tr>              <td>              <style type="text/css">BODY {      MARGIN: 0px  }  </style>              <table cellspacing="0" cellpadding="0" width="118" align="center" border="0">                  <tr>                      <td>                      <img height="160" alt="" src="/jstest/images/servicepic_01.jpg" width="118" border="0" name="servicepic_01"></td>                  </tr>                  <tr>                      <td>                      <table cellspacing="0" cellpadding="0" width="118" align="left" border="0">                          <tr>                              <td background="/jstest/images/servicepic_02.jpg">                              <img height="25" alt="" src="/jstest/images/servicepic_02.jpg" width="14" border="0" name="servicepic_02"></td>                              <td align="middle" width="89" bgcolor="#f8f6f7" height="25">                              <a target="blank" href="tencent://message/?uin=615050000&Site=網(wǎng)頁特效觀止&Menu=yes">                              <img border="0" src="http://wpa.qq.com/pa?p=1:615050000:10" alt="點(diǎn)擊這里給我發(fā)消息"></a></td>                              <td background="/jstest/images/servicepic_04.jpg">                              <img height="25" alt="" src="/jstest/images/servicepic_04.jpg" width="15" border="0" name="servicepic_04"></td>                          </tr>                      </table>                      </td>                  </tr>                  <tr>                      <td>                      <img height="17" alt="" src="/jstest/images/servicepic_05.jpg" width="118" border="0" name="servicepic_05"></td>                  </tr>                  <tr>                      <td>                      <table cellspacing="0" cellpadding="0" width="118" align="left" border="0">                          <tr>                              <td background="/jstest/images/servicepic_06.jpg">                              <img height="24" alt="" src="/jstest/images/servicepic_06.jpg" width="14" border="0" name="servicepic_06"></td>                              <td align="middle" width="89" bgcolor="#f8f6f7" height="24">                              <a  target="_blank">                              <img alt="點(diǎn)擊這里給我發(fā)消息" src="/jstest/images/offline.gif" border="0"></a></td>                              <td background="/jstest/images/servicepic_08.jpg">                              <img height="24" alt="" src="/jstest/images/servicepic_08.jpg" width="15" border="0" name="servicepic_08"></td>                          </tr>                          <tr>                              <td background="/jstest/images/servicepic_06.jpg">　</td>                              <td align="middle" bgcolor="#f8f6f7" height="35">                              <table cellspacing="1" cellpadding="2" width="88%" align="center" bgcolor="#ffa800" border="0">                                  <tr>                                      <td align="middle" bgcolor="#ffffff">                                      <a href="#" target="_blank">                                      <span style="font-size: 9pt">站點(diǎn)留言簿</span></a></td>                                  </tr>                              </table>                              </td>                              <td background="/jstest/images/servicepic_08.jpg">　</td>                          </tr>                      </table>                      </td>                  </tr>                  <tr>                      <td>                      <img height="22" alt="" src="/jstest/images/servicepic_09.jpg" width="118" border="0" name="servicepic_09"></td>                  </tr>              </table>              </td>              <td valign="top" align="middle" width="12" rowspan="100">              <img height="109" src="/jstest/images/kefu.gif" width="20"> </td>          </tr>          <script language="JavaScript1.2">  </script>      </table>      <script language="JavaScript1.2">  if (document.all)  document.write('<\/DIV>')  </script>  </layer>    </body>  </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]