腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二

所属分类：网络编程 / JavaScript 阅读数： 872

收藏 0赞 0分享

该特效需要用到相关的图片，比如那个效果的皮服，请各位自行将相关的图片下载到本地使用。

<html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二</title>  </head>  <body>          <layer class="NS" onmouseover="move(580,0)" onmouseout="move(-580, 0)" top="20" visibility="hide" name="object1" left="0">            <table onmouseover="move(120,0)" onmouseout="move(-120, 0)" cellspacing="1" cellpadding="2" border="0">          <tr>              <td>                            <table cellspacing="0" cellpadding="0" width="118" align="center" border="0">                  <tr>                      <td>                      <img height="160" alt="" src="https://zhanzhang360.qulang.net/imgupload/000855/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="https://zhanzhang360.qulang.net/imgupload/000855/servicepic_02.jpg">                              <img height="25" alt="" src="https://zhanzhang360.qulang.net/imgupload/000855/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=网页特效观止&Menu=yes">                              <img border="0" src="https://zhanzhang360.qulang.net/imgupload/000855/pa" alt="点击这里给我发消息"></a></td>                              <td background="https://zhanzhang360.qulang.net/imgupload/000855/servicepic_04.jpg">                              <img height="25" alt="" src="https://zhanzhang360.qulang.net/imgupload/000855/servicepic_04.jpg" width="15" border="0" name="servicepic_04"></td>                          </tr>                      </table>                      </td>                  </tr>                  <tr>                      <td>                      <img height="17" alt="" src="https://zhanzhang360.qulang.net/imgupload/000855/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="https://zhanzhang360.qulang.net/imgupload/000855/servicepic_06.jpg">                              <img height="24" alt="" src="https://zhanzhang360.qulang.net/imgupload/000855/servicepic_06.jpg" width="14" border="0" name="servicepic_06"></td>                              <td align="middle" width="89" bgcolor="#f8f6f7" height="24">                              <a href="http://amos1.taobao.com/msg.ww?v=2&uid=123456789&s=1" target="_blank">                              <img alt="点击这里给我发消息" src="https://zhanzhang360.qulang.net/imgupload/000855/offline.gif" border="0"></a></td>                              <td background="https://zhanzhang360.qulang.net/imgupload/000855/servicepic_08.jpg">                              <img height="24" alt="" src="https://zhanzhang360.qulang.net/imgupload/000855/servicepic_08.jpg" width="15" border="0" name="servicepic_08"></td>                          </tr>                          <tr>                              <td background="https://zhanzhang360.qulang.net/imgupload/000855/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">站点留言簿</span></a></td>                                  </tr>                              </table>                              </td>                              <td background="https://zhanzhang360.qulang.net/imgupload/000855/servicepic_08.jpg">　</td>                          </tr>                      </table>                      </td>                  </tr>                  <tr>                      <td>                      <img height="22" alt="" src="https://zhanzhang360.qulang.net/imgupload/000855/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="https://zhanzhang360.qulang.net/imgupload/000855/kefu.gif" width="20"> </td>          </tr>                </table>        </layer>    </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二

JSONP原理及简单实现

浅析JSONP技术原理及实现

使用Web Uploader实现多文件上传

json的使用小结

非常实用的js验证框架实现源码附原理方法

js验证框架之RealyEasy验证详解

webpack中引用jquery的简单实现

JavaScript必知必会(五) eval 的使用

JavaScript必知必会(六) delete in instanceof

JavaScript必知必会(七)js对象继承

网络赚钱

站长故事

腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二

JSONP原理及简单实现

浅析JSONP技术原理及实现

使用Web Uploader实现多文件上传

json的使用小结

非常实用的js验证框架实现源码 附原理方法

js验证框架之RealyEasy验证详解

webpack中引用jquery的简单实现

JavaScript必知必会(五) eval 的使用

JavaScript必知必会(六) delete in instanceof

JavaScript必知必会(七)js对象继承

网络赚钱

站长故事

非常实用的js验证框架实现源码附原理方法