qq在线模板html,浮动在网页右侧的简洁QQ在线客服
.qqbox a:link {
color: #000;
text-decoration: none;
}
.qqbox a:visited {
color: #000;
text-decoration: none;
}
.qqbox a:hover {
color: #f80000;
text-decoration: underline;
}
.qqbox a:active {
color: #f80000;
text-decoration: underline;
}
.qqbox{
width:132px;
height:auto;
overflow:hidden;
position:absolute;
right:0;
top:100px;
color:#000000;
font-size:12px;
letter-spacing:0px;
}
.qqlv{
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;
}
![](/jscss/demoimg/200905/qq.gif)
![](/assets/blank.gif)
![](/assets/blank.gif)
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('divQQbox');
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"){
if(obj==this) return true;
obj=obj.parentNode;
}
return false;
}
}
function show()
{
document.getElementById("meumid").style.display="none"
document.getElementById("mrcid").style.display="block"
}
function hideMsgBox(theEvent){
if (theEvent){
var browser=navigator.userAgent;
if (browser.indexOf("Firefox")>0){ //如果是Firefox
if (document.getElementById("mrcid").contains(theEvent.relatedTarget)) {
return
}
}
if (browser.indexOf("MSIE")>0 || browser.indexOf("Presto")>=0){
if (document.getElementById('mrcid').contains(event.toElement)) {
return;
}
}
}
document.getElementById("meumid").style.display = "block";
document.getElementById("mrcid").style.display = "none";
}
qq在线模板html,浮动在网页右侧的简洁QQ在线客服相关推荐
- html简单右侧客服,浮动在网页右侧的简洁QQ在线客服
浮动在网页右侧的简洁QQ在线客服-www.codefans.net .qqbox a:link { color: #000; text-decoration: none; } .qqbox a:vis ...
- php右侧弹窗QQ客服,JavaScript_网页右侧悬浮滚动在线qq客服代码示例,网页右侧悬浮滚动QQ在线客服 - phpStudy...
网页右侧悬浮滚动在线qq客服代码示例 网页右侧悬浮滚动QQ在线客服代码 function myEvent(obj,ev,fn){ if (obj.attachEvent){ obj.attachEve ...
- html5固定右侧qq客服,固定在网页右侧浮的QQ在线客服.doc
固定在网页右侧浮的QQ在线客服 固定在网页右侧悬浮的QQ在线客服 ,,,,,,,html,,,,,,,,PUBLIC,,,,,,,,"-//W3C//DTD,,,,,,,,XHTML,,,, ...
- 代码实现网页右侧固定的qq客服,微信,手机号,置顶的功能
实现网页右侧固定的qq客服,微信,手机号,置顶的功能 html代码部分 图片路径改成自己的 <!--网页右侧浮动代码--><div id="right">& ...
- 浮动QQ在线客服amp;网站QQ在线咨询
第一步:先把以下代码保存为kefu.asp 第二步:按橙色说明修改 绿色部分是要修改的内容,html文档中不包括说明文字: <html> <head> <meta htt ...
- (转)QQ在线客服代码
QQ在线客服代码 2007-11-13 10:04 1. http://is.qq.com/cgi-bin/webpresence/wpa_code?uin=+你的QQ号码: < ...
- 流行QQ在线客服代码
<html> <head> <title>网页教学网在线联系</title> <script language=javascript> fu ...
- wps文档漫游删除_WPS自带的文档漫游和在线模板怎么关闭?
也可以直接在注册表编辑器选择编辑查找查找目标中输入roaminghomepageguidedtag. 按确定后,(如第四幅图) 如果希望再次显示文档漫游,关闭文档, 方法一:在cmd(命令提示符)中输 ...
- 打开网页自动弹出QQ对话框的实现办法
Ian今天偶然进入一个公司的企业网站,然后QQ聊天窗口这里马上就弹出与那个公司客服聊天的窗口.怀着好奇的心态,Ian分析了该公司的网站源码,发现了实现网页弹出qq对话框的原理与实现方法,相信此时此刻你 ...
最新文章
- 《人工智能与工业融合发展研究报告》: AI入局推动工业产业6大趋势变化(附PPT)...
- 让您的电脑在任意目录可以支持图片的粘贴,试试看呗(第二篇)~
- 字节跳动践行节能减排,数据中心能效居行业前列
- 干货 | 林轩田机器学习「基石+技法」历史文章汇总
- 一点一点看JDK源码(四)java.util.ArrayList 中篇
- JENKINS系统的安装部署
- CentOS vsftpd 服务器安装配置
- 分布式事务 -- seata框架AT模式实现原理
- 点击文本框后页面变大
- 5分钟掌握var,let和const异同
- 深度学习笔记(17) 误差分析(二)
- Spring架构这么牛逼,这两大特性不得不说说!
- C++基础::string(二)
- 百度云存储教程---免费建立自己的静态网站
- java中try中的语句执行吗_Java异常try里面有return,finally代码会执行吗
- C#创建,调用WebS'ervice
- matlab读写xlsx文件
- 学校计算机采购清单表,附表:采购清单明细表.doc
- datedif函数(datedif函数在哪里找)
- Android11不如,1200万像素的iPhone11真的不如4800万像素的安卓?
热门文章
- 1003 Emergence
- linux以太网连接树莓派,树莓派 Zero USB/以太网方式连接配置教程,树莓zero
- 二次元卡通渲染——进阶技巧
- 数据集 | 深度学习
- 全职奶爸入职软件测试,薪资8.5K+绩效
- STM32F4学习笔记——时钟
- 不会python怎么办,这样大数据数据分析,小白也能上手
- 广技师的计算机专业在哪个校区,广东技术师范学院有几个校区及校区地址
- 连接数据库 标题: 连接到服务器 ------------------------------ 无法连接到 的问题
- 微信小程序解决标签内文字因长度换行问题