教程集 > 脚本编程 > javascript > 正文网页右侧的可显隐网站QQ客服代码

网页右侧的可显隐网站QQ客服代码

发布时间：2017-03-23 编辑：jiaochengji.com

教程集为您提供网页右侧的可显隐网站QQ客服代码等资源，欢迎您收藏本站，我们将为您提供最新的网页右侧的可显隐网站QQ客服代码资源

免费提供一款网页右侧的可显隐网站QQ客服js代码,如果你正在找浮动在网页右边可显示也隐藏的QQ在线客服js代码就进来看看吧。

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

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.jiaochengji.com/1999/xhtml"> <head> <title>网页右侧的可显隐网站QQ客服代码</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> body{font:12px/1.6em Tahoma,Verdana;} #siderIMchat_main{margin:0;width:158px;color:#333;} #siderIMchat_main img{border:0;/*background:url(http://www.jiaochengji.com/blog/upload/image/20100901190210.gif) no-repeat center center;*/} #siderIMchat_main a{color:#036;} #siderIMchat_main a:hover{color:#f30;} #siderIMchat_main .top{background:url(http://www.jiaochengji.com/blog/upload/image/20100901190253.gif);height:34px;} #siderIMchat_main .infobox{text-align:center;padding-bottom:5px;line-height:14px;padding-left:5px;padding-right:5px;background:url(http://jquerycn.cn/blog/upload/image/20100901190332.gif) #bdc5cb no-repeat;color:#000;font-weight:700;padding-top:5px;} #siderIMchat_main .bg{padding-bottom:5px;padding-left:5px;padding-right:5px;background:url(/effect/images/201009010830/siderIM_bg.gif);padding-top:5px;} #siderIMchat_main ul{margin:0;} #siderIMchat_main ul li{list-style:none;text-align:center;line-height:20px;} .qqkf{background:#ccc;height:22px;line-height:22px;} #siderIMchat_main .close{text-align:center;width:100%;} #siderIMchat_main .bottom{background:url(http://www.jiaochengji.com/blog/upload/image/20100901190427.gif);height:9px;overflow:hidden;} </style> </head> <body>

你我近在弹指之间

<ul> <li class="qqkf">某某科技在线客服</li> <li> <table width="100%" border="0"> <tr> <td align="center">

</td> <td>使劲点我</td> </tr> <tr> <td align="center">

</td> <td>使劲点我</td> </tr> <tr> <td align="center">

</td> <td>使劲点我</td> </tr> <tr> <td align="center">

</td> <td>使劲点我</td> </tr> <tr> <td align="center">

</td> <td>使劲点我</td> </tr> <tr> <td align="center">

</td> <td>使劲点我</td> </tr> <tr> <td align="center">

</td> <td>使劲点我</td> </tr> </table> </li> </ul>

电话：0000-0000000

<script language=javascript charset="gb2312"> var QuickScrollYLast=0; var QuickMenu=document.getElementById("QuickMenu") window.setInterval("LoadMenu()",1); function LoadMenu(){ var QuickScrollYDefault; if(document.documentElement&&document.documentElement.scrollTop){ QuickScrollYDefault=document.documentElement.scrollTop; }else if(document.body){ QuickScrollYDefault=document.body.scrollTop; }else{ } QuickPercent=.1*(QuickScrollYDefault-QuickScrollYLast); if(QuickPercent>0){ QuickPercent=Math.ceil(QuickPercent); }else{ QuickPercent=Math.floor(QuickPercent); } QuickMenu.style.top=parseInt(QuickMenu.style.top) QuickPercent "px"; QuickScrollYLast=QuickScrollYLast QuickPercent; } var MenuX; var MenuY; var MenuCloseX; var MenuCloseY; function ChangeMenu(id,menuwidth,menuheight){ clearInterval(MenuX); clearInterval(MenuY); clearInterval(MenuCloseX); clearInterval(MenuCloseY); var o = document.getElementById(id); if(o.style.display == "none"){ o.style.display = "block"; o.style.width = "1px"; o.style.height = "1px"; MenuX = setInterval(function(){menuopenx(o,menuwidth,menuheight)},30); document.getElementById("menutop").src="http://filesimg.jiaochengji.com/2010/03/2010090112460183.gif"; }else{ document.getElementById("menutop").src="http://filesimg.jiaochengji.com/2010/03/20100901124607283.gif"; MenuCloseY = setInterval(function(){menuclosex(o)},30); } } function menuopenx(o,x,y){/*--打开x--*/ var menucx = parseInt(o.style.width); if(menucx < x){ o.style.width = (menucx Math.ceil((x-menucx)/5)) "px"; }else{ clearInterval(MenuX); //MenuY = setInterval(function(){menuopeny(o,y)},30); } var menucy = parseInt(o.style.height); if(menucy < y){ o.style.height = (menucy Math.ceil((y-menucy)/5)) "px"; }else{ clearInterval(MenuY); } } function menuopeny(o,y){/*--打开y--*/ var menucy = parseInt(o.style.height); if(menucy < y){ o.style.height = (menucy Math.ceil((y-menucy)/5)) "px"; }else{ clearInterval(MenuY); } } function menuclosex(o){/*--打开x--*/ var menucx = parseInt(o.style.width); if(menucx > 0){ o.style.width = (menucx - Math.ceil(menucx/5)) "px"; }else{ clearInterval(MenuCloseX); //MenuCloseX = setInterval(function(){menuclosey(o)},30); } var menucy = parseInt(o.style.height); if(menucy > 0){ o.style.height = (menucy - Math.ceil(menucy/5)) "px"; }else{ clearInterval(MenuCloseY); o.style.display = "none"; } } function menuclosey(o){/*--打开y--*/ var menucy = parseInt(o.style.height); if(menucy > 0){ o.style.height = (menucy - Math.ceil(menucy/5)) "px"; }else{ clearInterval(MenuCloseY); o.style.display = "none"; } } </script> </body> </html></textarea>

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

您可能感兴趣的文章：
网页右侧的可显隐网站QQ客服代码
 js固定在网页右侧可显隐网站客服代码
 javascript 固定在网页右侧的可显隐网站QQ客服
 javascript 悬浮在页面左侧的可显隐网摘收藏效果
 腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二
 jquery实现漂浮在网页右侧的qq在线客服插件示例
 前端安全以及如何防范详细介绍
 js 网页右侧悬浮QQ网站客服代码
 Google排名的价值研究
 Google排名介绍

上一篇：带小图js幻灯片图片切换代码下一篇：可多次调用图片幻灯切换效果js代码

[关闭]

最近更新

浏览排行

~ ~