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

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

收藏 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网页在线客服，隐藏在网页一侧的隐现效果二

Angular使用Md5加密的解决方法

详解JS构造函数中this和return

ES6中Array.find()和findIndex()函数的用法详解

JS闭包的几种常见形式实例详解

ES6中Array.copyWithin()函数的用法实例详解

Javascript 严格模式use strict详解

引入JavaScript时alert弹出框显示中文乱码问题

AngularJs 延时器、计时器实例代码

JS分页的实现（同步与异步）

Angularjs自定义指令实现分页插件(DEMO)

网络赚钱

站长故事