现在的位置: 首页 > 综合 > 正文

QQ样式的在线客服代码

2018年05月06日 ⁄ 综合 ⁄ 共 9101字 ⁄ 字号 小 中 大 ⁄ 评论关闭

QQ样式的在线客服代码，是从其阿里西西转载过来的。

/******************************************************
css网站，css资源，css代码，css学习，css下载，css教程,css分享******************************************************/

运行代码 < type="text/javascript">

 

view plaincopy to clipboardprint?
  1. <html>  
  2.   
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
  5. <title>阿里西西网页特效代码演示中心-QQ在线客服代码演示</title>  
  6.   
  7. </head>  
  8. <body>  
  9. <DIV id=divStay style="POSITION: absolute">  
  10. <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>  
  11.   <TBODY>  
  12.   <TR>  
  13.     <TD vAlign=top width="7%">　</TD></TR></TBODY></TABLE></DIV>  
  14. <SCRIPT language=javascript>  
  15. function picsize(obj,MaxWidth){   
  16.   img=new Image();   
  17.   img.src=obj.src;   
  18.   if (img.width>MaxWidth)   
  19.   {   
  20.     return MaxWidth;   
  21.   }   
  22.   else   
  23.   {   
  24.     return img.width;   
  25.   }   
  26. }   
  27. function CloseQQ()   
  28. {   
  29. divStayTopleft.style.display="none";   
  30. return true;    
  31. }   
  32. var online= new Array();   
  33. </SCRIPT>  
  34. <div id="divStayTopleft" style="POSITION: absolute">  
  35.  <table cellspacing="0" cellpadding="0" width="109" border="0">  
  36.   <tr>  
  37.    <td colspan="3">  
  38.    <a onclick="CloseQQ()" href="javascript:;" shape="circle" coords="91,16,12">  
  39.    <img height="34" src="http://js.alixixi.com/texiaotu/qq_top.gif" width="109" usemap="#Map" border="0"></a></td>  
  40.   </tr>  
  41.   <tr>  
  42.    <td width="6"><img height="100" src="http://js.alixixi.com/texiaotu/qq_life.gif" width="6"></td>  
  43.    <td valign="top" width="96" background="sto/qq_bg.gif">  
  44.    <table cellspacing="0" cellpadding="0" width="90" align="center" border="0">  
  45.     <tr>  
  46.      <td height="30">  
  47.      <table cellspacing="0" cellpadding="0" width="90" border="0">  
  48.       <tr>  
  49.        <td>  
  50.        <img height="13" src="http://js.alixixi.com/texiaotu/qq_ico1.gif" width="16"><span class="font_12">    
  51.        <span style="font-size: 9pt">客户服务</span></span></td>  
  52.       </tr>  
  53.      </table>  
  54.      </td>  
  55.     </tr>  
  56.     <tr>  
  57.      <td>  
  58.      <table border="0" width="100%" cellpadding="2" id="table47">  
  59.       <tr>  
  60.        <td width="15" valign="top" height="23">  
  61.        <img border="0" src="http://js.alixixi.com/texiaotu/qq_v01.gif" width="16" height="16"></td>  
  62.        <td valign="bottom"><script>document.write("<a target=blank href=tencent://message/?uin=178010108&Site=阿里西西&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:615050000:10 alt=[阿里西西]></a>");</script></td>  
  63.       </tr>  
  64.      </table>  
  65.      </td>  
  66.     </tr>  
  67.     <tr>  
  68.      <td></td>  
  69.     </tr>  
  70.     <tr>  
  71.      <td>  
  72.      <table border="0" width="100%" cellpadding="2" id="table47">  
  73.       <tr>  
  74.        <td width="15" valign="top" height="23">  
  75.        <img border="0" src="http://js.alixixi.com/texiaotu/qq_n01.gif" width="16" height="16"></td>  
  76.        <td valign="bottom"><script>document.write("<a target=blank href=tencent://message/?uin=251922268&Site=网页特效&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:43486831:10 alt=[QQQQQ]></a>");</script></td>  
  77.       </tr>  
  78.      </table>  
  79.      </td>  
  80.     </tr>  
  81.     <tr>  
  82.      <td></td>  
  83.     </tr>  
  84.    </table>  
  85.    </td>  
  86.    <td width="7"><img height="100" src="http://js.alixixi.com/texiaotu/qq_right.gif" width="7"></td>  
  87.   </tr>  
  88.   <tr>  
  89.    <td colspan="3">  
  90.    <img height="30" src="http://js.alixixi.com/texiaotu/qq_bottom1.gif" width="109"></td>  
  91.   </tr>  
  92.   <tr>  
  93.    <td colspan="3">  
  94.    <img height="33" src="http://js.alixixi.com/texiaotu/qq_logo.gif" width="109"></td>  
  95.   </tr>  
  96.  </table>  
  97. </div>  
  98. <script type="text/javascript">  
  99. function FloatTop()   
  100. {   
  101.  var startX1 =document.body.offsetWidth-125 ,startY1 = 5;   
  102.  var startX2 =0,startY2 = 95;   
  103.  var ns = (navigator.appName.indexOf("Netscape") != -1);   
  104.  var d = document;   
  105.  function ml(id,startX,startY)   
  106.  {   
  107.   var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];   
  108.   if(d.layers)elel.style=el;   
  109.   el.sP=function(x,y){this.style.left=x;this.style.top=y;};   
  110.   el.x = startX;   
  111.   el.y = startY;   
  112.   return el;   
  113.  }   
  114.  window.stayTopLeft=function()   
  115.  {   
  116.   var pY = ns ? pageYOffset : document.body.scrollTop;   
  117.   ftlObj.y += (pY + startY1 - ftlObj.y)/8;   
  118.   ftlObj1.y += (pY + startY2 - ftlObj1.y)/8;   
  119.   ftlObj.sP(document.body.scrollLeft+document.body.offsetWidth-125, ftlObj.y);   
  120.   ftlObj1.sP(ftlObj1.x, ftlObj1.y);   
  121.   setTimeout("stayTopLeft()", 30);   
  122.  }   
  123. //  ftlObj = ml("divStay",document.body.scrollLeft+document.body.offsetWidth-125,0);   
  124. //  ftlObj1 = ml("divStayTopLeft",0,30);   
  125.  ftlObj = ml("divStay",(document.body.scrollLeft+document.body.offsetWidth)/2+379,0);   
  126.  ftlObj1 = ml("divStayTopLeft",(document.body.scrollLeft+document.body.offsetWidth)/2+379,30);   
  127.  stayTopLeft();   
  128. }   
  129. FloatTop();   
  130. </script>  
  131. <!--End: QQ在线客服 -->  
  132.   
  133. <p>　</p>  
  134. <p>　</p>  
  135. <p>　</p>  
  136. <p>　</p>  
  137. <p>　</p>  
  138. <p>　</p>  
  139. <p>　</p>  
  140. <p>　</p>  
  141. <p>　</p>  
  142. <p>　</p>  
  143. <p>　</p>  
  144. <p>　</p>  
  145. <p>　</p>  
  146. <p>　</p>  
  147. <p>　</p>  
  148. <p>　</p>  
  149. <p>  </p>  
  150. <p>　</p>  
  151. <p>　</p>  
  152. <p>　</p>  
  153. <p>　</p>  
  154. <p>　</p>  
  155. <p>　</p>  
  156. <p>　</p>  
  157. <p>　</p>  
  158. <p>　</p>  
  159. <p>　</p>  
  160. <p>  </p>  
  161. </body>  
  162. </html>  

 

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页脚本特效集</a>

/****************************************************** <br />
css网站，css资源，css代码，css学习，css下载，css教程,css分享******************************************************/
/**JS画图，JS小游戏，JS代码集合， JS地图，JS写RPG游戏，JS动画，JS绘图, JS对象, JS函数, JS经典 例子,JS面向对象**/ /**javascript画图，javascript小游戏，javascript代码集合， javascript地图，javascript写RPG游戏，javascript动画，javascript绘图, javascript对象, javascript函数, javascript经典例子,javascript面向对象**/

返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞