漂亮的浮动QQ客服代码
2017-04-11 20:22
405 查看
原来的QQ客服代码失效了,所以为大家精心准备了一个压缩包,相信大家都会喜欢的
效果截图
浮动的哦 下载地址:
http://www.jichangxu.cn/wp-content/uploads/2012/12/qq-talk.rar
如果喜欢记得留言给好评哦!
以下代码以失效,请下载压缩包<!--浮动QQ客服代码开始 -->
<DIV id=STATICMENU
style="Z-INDEX: 999; FILTER:alpha(opacity=90); LEFT: 88%; VISIBILITY: visible; WIDTH: 109px; POSITION: absolute; TOP: 100px;">
<table width="106" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" >
<img src="http://www2.cpooo.com/images/share/qq2/qq_top.gif" width="109" height="34" border="0" usemap="#MapForQQ"></td>
</tr>
<tr>
<td width="6" background="http://www2.cpooo.com/images/share/qq2/qq_life.gif" >
</td>
<td width="96" align="center" bgcolor="#FFFFFF"><TABLE cellSpacing=0 cellPadding=0 width=90 align=center border=0>
<TBODY>
<TR>
<TD height="39" align="center"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=00000001&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:00000001:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a></TD>
</TR>
<TR>
<TD height="39" align="center"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=00000002&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:00000002:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a></TD>
</TR>
</TBODY>
</TABLE></td>
<td width="7" background="http://www2.cpooo.com/images/share/qq2/qq_right.gif">
</td>
</tr>
<tr>
<td colspan="3">
<img src="http://www2.cpooo.com/images/share/qq2/qq_logo.gif" width="109" height="17">
</td>
</tr>
</table>
<SCRIPT>
<!--
var stmnGAP1 = 0;
var stmnGAP2 = 96;
/* stmnGAP2小时,距离顶部的距离在stmnGAP2与stmnGAP1之间,stmnGAP2为离相对顶部的最小距离,stmnGAP1离相对顶部最大距离,开始时为stmnGAP1,往下滚动,最后会变为stmnGAP2,stmnGAP2比stmnGAP1大时,stmnGAP1不起作用,stmnGAP2为距离相对顶部距离 */
var stmnBASE = 0; //设定浮动块的初始位置,相对距离
var stmnActivateSpeed = 200;//启动速度
var stmnScrollSpeed = 10;//浮动速度
var stmnTimer;//setTimeout句柄
function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(STATICMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1)
stmnEndPoint = stmnGAP1;
stmnRefreshTimer = stmnActivateSpeed;
if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
STATICMENU.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
//-->
</SCRIPT>
<SCRIPT>
function closeQQ(){
STATICMENU.style.display='none';
}
</SCRIPT>
</DIV>
<map name="MapForQQ">
<area shape="circle" coords="89,17,11" href="javascript:closeQQ();">
</map>
<!--浮动QQ客服代码结束 -->
效果截图
浮动的哦 下载地址:
http://www.jichangxu.cn/wp-content/uploads/2012/12/qq-talk.rar
如果喜欢记得留言给好评哦!
以下代码以失效,请下载压缩包<!--浮动QQ客服代码开始 -->
<DIV id=STATICMENU
style="Z-INDEX: 999; FILTER:alpha(opacity=90); LEFT: 88%; VISIBILITY: visible; WIDTH: 109px; POSITION: absolute; TOP: 100px;">
<table width="106" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" >
<img src="http://www2.cpooo.com/images/share/qq2/qq_top.gif" width="109" height="34" border="0" usemap="#MapForQQ"></td>
</tr>
<tr>
<td width="6" background="http://www2.cpooo.com/images/share/qq2/qq_life.gif" >
</td>
<td width="96" align="center" bgcolor="#FFFFFF"><TABLE cellSpacing=0 cellPadding=0 width=90 align=center border=0>
<TBODY>
<TR>
<TD height="39" align="center"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=00000001&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:00000001:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a></TD>
</TR>
<TR>
<TD height="39" align="center"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=00000002&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:00000002:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a></TD>
</TR>
</TBODY>
</TABLE></td>
<td width="7" background="http://www2.cpooo.com/images/share/qq2/qq_right.gif">
</td>
</tr>
<tr>
<td colspan="3">
<img src="http://www2.cpooo.com/images/share/qq2/qq_logo.gif" width="109" height="17">
</td>
</tr>
</table>
<SCRIPT>
<!--
var stmnGAP1 = 0;
var stmnGAP2 = 96;
/* stmnGAP2小时,距离顶部的距离在stmnGAP2与stmnGAP1之间,stmnGAP2为离相对顶部的最小距离,stmnGAP1离相对顶部最大距离,开始时为stmnGAP1,往下滚动,最后会变为stmnGAP2,stmnGAP2比stmnGAP1大时,stmnGAP1不起作用,stmnGAP2为距离相对顶部距离 */
var stmnBASE = 0; //设定浮动块的初始位置,相对距离
var stmnActivateSpeed = 200;//启动速度
var stmnScrollSpeed = 10;//浮动速度
var stmnTimer;//setTimeout句柄
function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(STATICMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1)
stmnEndPoint = stmnGAP1;
stmnRefreshTimer = stmnActivateSpeed;
if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
STATICMENU.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
//-->
</SCRIPT>
<SCRIPT>
function closeQQ(){
STATICMENU.style.display='none';
}
</SCRIPT>
</DIV>
<map name="MapForQQ">
<area shape="circle" coords="89,17,11" href="javascript:closeQQ();">
</map>
<!--浮动QQ客服代码结束 -->
相关文章推荐
- jquery 自动收缩浮动在线客服代码,QQ客服、在线MSN、旺旺,兼容IE、 FF、Google Chrome
- 网页上浮动的QQ客服代码
- 基于jquery的浮动客服QQ代码
- ECshop两个自动收缩浮动在线客服代码,QQ客服、在线MSN、旺旺,兼容IE、 FF
- 可浮动的在线qq咨询客服代码
- 浮动qq客服备份代码
- ECshop两个自动收缩浮动在线客服代码,QQ客服、在线MSN、旺旺,兼容IE、 FF
- 给程序员献礼 各种各样漂亮的qq在线状态客服代码生成工具V6.0 支持的顶起来
- QQ网页浮动客服代码
- QQ样式的在线客服代码
- 百度HI QQ和MSN 阿里旺旺贸易通MSN在线客服聊天代码
- QQ,MSN,旺旺在线客服代码
- 悬浮QQ客服咨询特效代码
- 百度HI QQ和MSN 阿里旺旺贸易通MSN在线客服在线聊天代码
- 在线客服QQ代码
- QQ样式的在线客服代码
- qq在线帮助浮动窗口的代码
- 网页加入QQ/MSN/SKYPE代码 实现免费在线客服
- 网页上加在线客服代码QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺
- 在线客服QQ代码