隐藏在网页左侧的悬浮QQ客服代码

作者:sky 点击:342 评论:0 发布时间:周二, 03/25/2014 - 11:20 所属分类:综合实例

网页左侧QQ客服隐藏效果，只有鼠标的鼠标经过时才弹出显示，移开后继续隐藏起来，根据自己的需求来修改号码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <meta name="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效网" /> <meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" /> <title>网页特效可显隐的QQ客服站长特效网欢迎您。</title> </head> <body> <a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <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 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> <table cellspacing="0" cellpadding="0" width="118" align="center" border="0"> <tr> <td><img height="160" alt="" src="/img/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="/img/servicepic_02.jpg"><img height="25" alt="" src="/img/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=305686263&Site=网页特效&Menu=yes" style="font-size:9pt"><img border="0" src="/img/oicq.gif" alt="点击这里给我发消息">305686263</a></td> <td background="/img/servicepic_03.jpg"><img height="25" alt="" src="/img/servicepic_03.jpg" width="15" border="0" name="servicepic_03"></td> </tr> </table> </td> </tr> <tr> <td><img height="17" alt="" src="/img/servicepic_04.jpg" width="118" border="0" name="servicepic_04"></td> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" width="118" align="left" border="0"> <tr> <td background="/img/servicepic_05.jpg"><img height="24" alt="" src="/img/servicepic_05.jpg" width="14" border="0" name="servicepic_05"></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="/img/offline.gif" border="0"></a></td> <td background="/img/servicepic_06.jpg"><img height="24" alt="" src="/img/servicepic_06.jpg" width="15" border="0" name="servicepic_06"></td> </tr> <tr> <td background="/img/servicepic_05.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="/img/servicepic_06.jpg">　</td> </tr> </table> </td> </tr> <tr> <td><img height="22" alt="" src="/img/servicepic_07.gif" width="118" border="0" name="servicepic_07"></td> </tr> </table> </td> <td valign="top" align="middle" width="12" rowspan="100"><img height="109" src="/img/kefuzzjs.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>

提示：你可以先修改部分代码再运行。

顶一下

(0)

踩一下

(1)

100%

标签: