简洁右侧悬浮QQ客服代码

最新推荐文章于 2021-05-30 19:46:05 发布
最新推荐文章于 2021-05-30 19:46:05 发布
阅读量242 收藏
点赞数
文章标签： xhtml javascript ViewUI

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://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="http://www.zzjs.net/,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 网页右侧悬浮的QQ在线客服 站长特效网欢迎您。</title>
<style type="text/css">
.www_zzjs_net a:link {
 color: #000;
 text-decoration: none;
}
.www_zzjs_net a:visited {
 color: #000;
 text-decoration: none;
}
.www_zzjs_net a:hover {
 color: #f80000;
 text-decoration: underline;
}
.www_zzjs_net a:active {
 color: #f80000;
 text-decoration: underline;
}
.www_zzjs_net{
 width:132px;
 height:auto;
 overflow:hidden;
 position:absolute;
 right:0;
 top:100px;
 color:#000000;
 font-size:12px;
 letter-spacing:0px;
}
.zzjs_net{
 width:25px;
 height:256px;
 overflow:hidden;
 position:relative;
 float:right;
 z-index:50px;
}
.qqkf{
 width:120px;
 height:auto;
 overflow:hidden;
 right:0;
 top:0;
 z-index:99px;
 border:6px solid #138907;
 background:#fff;
}
.qqkfbt{
 width:118px;
 height:20px;
 overflow:hidden;
 background:#138907;
 line-height:20px;
 font-weight:bold;
 color:#fff;
 position:relative;
 border:1px solid #9CD052;
 cursor:pointer;
 text-align:center;
}
.qqkfhm{
 width:112px;
 height:22px;
 overflow:hidden;
 line-height:22px;
 padding-right:8px;
 position:relative;
 margin:3px 0;
}
.bgdh{
 width:102px;
 padding-left:10px;
}
</style>
</head>
<body>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class="www_zzjs_net" id="divwww_zzjs_net">
  <div class="zzjs_net" id="meumid" οnmοuseοver="show()"><img src="/img/qq_r_20100811.gif"></div>
  <div class="qqkf" style="display:none;" id="contentid" οnmοuseοut="hideMsgBox(event)">
    <div class="qqkfbt" οnmοuseοut="showandhide('qq-','qqkfbt','qqkfbt','K',1,1);" id="qq-1" οnfοcus="this.blur();">客 服 中 心</div>
    <div id="K1">
      <div class="qqkfhm bgdh"> <a href="tencent://message/?uin=305686263" title="站 长 特 效"><img src="http://wpa.qq.com/pa?p=1:305686263:4" border="0">站 长 特 效</a><br/></div>
      <div class="qqkfhm bgdh"> <a href="tencent://message/?uin=305686263" title="站 长 特 效"><img src="http://wpa.qq.com/pa?p=1:305686263:4" border="0">站 长 特 效</a></div>
      <div class="qqkfhm bgdh">手机：13955435523</div>
    </div>
  </div>
</div>
<script language="javascript">
function showandhide(h_id,hon_class,hout_class,c_id,totalnumber,activeno) {
    var h_id,hon_id,hout_id,c_id,totalnumber,activeno;
    for (var i=1;i<=totalnumber;i++) {
        document.getElementById(c_id+i).style.display='none';
        document.getElementById(h_id+i).className=hout_class;
    }
    document.getElementById(c_id+activeno).style.display='block';
    document.getElementById(h_id+activeno).className=hon_class;
}
var tips;
var theTop = 40;
var old = theTop;
function initFloatTips()
{
 tips = document.getElementById('divwww_zzjs_net');
 moveTips();
}

function moveTips()
{
     var tt=50;
    if (window.innerHeight)
    {
     pos = window.pageYOffset
    }else if (document.documentElement && document.documentElement.scrollTop) {
    pos = document.documentElement.scrollTop
    }else if (document.body) {
      pos = document.body.scrollTop;
    }
    pos=pos-tips.offsetTop+theTop;
    pos=tips.offsetTop+pos/10;
    if (pos < theTop){
    pos = theTop;
    }
    if (pos != old) {
    tips.style.top = pos+"px";
    tt=10;  //alert(tips.style.top);
    }
    old = pos;
    setTimeout(moveTips,tt);
}
initFloatTips();
 if(typeof(HTMLElement)!="undefined")    //给firefox定义contains()方法，ie下不起作用
  {
    HTMLElement.prototype.contains=function (obj)
    {
     while(obj!=null&&typeof(obj.tagName)!="undefind"){ //通过循环对比来判断是不是obj的父元素
    　　 　if(obj==this) return true;
    　　　 　obj=obj.parentNode;
    　　   }
     return false;
    }
 }
function show()
{

document.getElementById("meumid").style.display="none"
 document.getElementById("contentid").style.display="block"
}
 function hideMsgBox(theEvent){
   if (theEvent){
  var browser=navigator.userAgent;
  if (browser.indexOf("Firefox")>0){  //如果是Firefox
      if (document.getElementById("contentid").contains(theEvent.relatedTarget)) {  //如果是子元素
    return
   }
  }
  if (browser.indexOf("MSIE")>0 || browser.indexOf("Presto")>=0){  //如果是IE
         if (document.getElementById('contentid').contains(event.toElement)) {  //如果是子元素
       return;  //结束函式
      }
  }
   }
   document.getElementById("meumid").style.display = "block";
   document.getElementById("contentid").style.display = "none";
  }
</script>
</body>
</html>

weixin_33842328
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
qq右侧悬浮代码
06-19
基于jquery的qq右侧悬浮代码，有多个样式可供选择
html5 左侧在线客服,在网页右侧漂浮的QQ在线客服代码,QQ在线状态代码（四种样式）...
weixin_35761503的博客
06-02 2577
本文分享的是一款漂浮在网页右侧的QQ在线客服代码：在网站上添加qq在线状态，方便用户直接点击qq进行在线咨询。在网页头部引入以下文件：想换个颜色样式，只需引入不同的CSS样式：如把QQ在线客服换成红色样式：JS代码：$(function(){$("body").Sonline({Position:"right",//left或rightTop:200,//顶部距离，默认200pxEffect:tr...
网页右侧悬浮简洁版qq在线客服代码（支持返回网
06-10
网页右侧QQ在线客服代码，始终居于网页右侧中间部分，鼠标悬停后显示购物车中的内容，或者显示在线客服QQ号码。亦支持点击“返回首页”或者直接“返回顶部”，用户体验良好。 使用方法： 1、在网页head中引入lanrenzhijia.css样式以及jquery库 2、将“代码”部分拷贝至你网页body结束前即可 3、在body结束前引入lanrenzhijia.js即可
QQ在线客服html代码，自适应漂浮在网页右侧(界面美观大方)
02-09
众里寻即千百度、蓦然回首却在灯火阑珊处的QQ在线客服代码。把其中代码更换成你的代码就可以使用。请将其中的网址更换成：
网页右侧悬浮QQ在线客服代码
kaka100
09-27 717
转自：http://www.16sucai.com/2013/01/19601.html 网页右侧悬浮QQ在线客服代码 网页右侧悬浮QQ在线客服代码 很实用的一款QQ在线客服代码，点击QQ图标，可直接与客服对话。 地址 jiaoben400 ...
js右侧悬浮在线客服代码
06-24
j s右侧悬浮在线客服代码是一款兼容PC端跟移动端的响应式在线客服插件。
jQuery右侧悬浮固定客服代码
06-24
jQuery右侧悬浮固定客服代码是一款始终固定于窗口右侧中间位置，点击X可以实现隐藏或浮现，鼠标悬浮在不同的图片上左侧会弹出不同的内容。
jQuery网站右侧悬浮在线客服代码
06-24
jQuery网站右侧悬浮在线客服代码是一款仿美橙官网的右侧固定的qq客服代码。
简洁版CSS3右侧悬浮在线客服代码
06-10
效果描述： ... 几乎不用js的一个在线客服代码 css3代码用的比较多，所以不兼容低版本浏览器 使用方法： 1、将style.css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
右侧浮动网页qq客服代码
05-11
摘要:ASP源码,其它类别,在线客服 一款网页上流行的浮动qq客服代码，完美兼容网站首页、列表页、内容页的底部，可有利于网站咨询转化率提升，增加更多留言及咨询量，带关闭功能。兼容性方面支持目前主流的IE8/火狐、Chrome等浏览器。首次使用，请看以下教程： 　　1、将style、images、JS三个文件夹上传到网站（并确认好路径） 　　2、所有“右侧浮动qq客服代码”都在index.html文件中，复制时要小心不要忘记 　　3、复制index.html至所有内容，到自己网站列表页、内容页侧栏，并上传完成。 运行环境：HTML/PHP/ASP/
右侧qq服务，联系浮动div，联系qq客服
05-25
右侧qq服务，联系浮动div，联系qq客服 能查看qq是否在线，联系客服
jQuery右侧悬浮固定qq在线客服代码(网站右侧qq微信客服).zip
05-31
jQuery右侧悬浮固定qq在线客服代码(网站右侧qq/微信客服)
白色简洁jQuery右侧在线客服
04-02
白色简洁jQuery右侧在线客服是一款简单的qq在线客服代码，里面所需要的文件，都是用绝对路径远程调用，这样可以方便网友们使用。
非常漂亮实用的QQ在线客服悬浮代码
04-18
一款非常漂亮，轻巧，加载速度快的QQ在线客服网页代码
html5 右侧客服代码,js实现浮动在网页右侧的简洁QQ在线客服代码
weixin_31596631的博客
05-30 1191
本文实例讲述了js实现浮动在网页右侧的简洁QQ在线客服代码。分享给大家供大家参考。具体如下：这是一个简洁版的QQ在线客服，其实重要的是这个JS函数，只要有了这个JS函数，实际上你完全可以写一个这样的在线客服，它是用JS+CSS去控制层的隐藏与展开。注意代码中的QQ号记着要改一下哦。运行效果截图如下：在线演示地址如下：具体代码如下：/p>"http://www.w3.org/TR/xhtml1...
js-QQ右侧广告代码
12-10
QQ右侧广告代码比较经典，没有报错！！QQ右侧广告代码QQ右侧广告代码
jQuery右侧悬浮提示导航
10-24
jQuery右侧悬浮提示导航 jQuery右侧悬浮提示导航 jQuery右侧悬浮提示导航
右侧漂浮完美代码
04-30
右侧漂浮完美代码
vue右侧悬浮二维码
最新发布
09-10
Vue右侧悬浮二维码是指在Vue项目中，将一个二维码以悬浮的方式显示在网页的右侧。实现这一功能可以按照如下的步骤进行： 首先，在Vue项目的src目录下创建一个新的组件，例如NameCard.vue。 在NameCard.vue中，使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值