- 网页右下角tab样式的在线客服代码，若在火狐或chrome浏览器下，客服是带边框阴影的，IE8下好像没边框效果，整体不如在Chrome、火狐、Opera浏览器下。这款在线客服代码的底部使用了TAB选项卡的样式，鼠标点击可切换客服的内容，还是挺新颖的。
-
<！DOCTYPE HTML PUBLIC“ - / / W3C / / DTD XHTML 1.0过渡/ / EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<HTML
固定的;底：0;右：0;宽度：400像素;溢出：隐藏;的z-index：9999}
。接触吧CB-BTN {浮动：左;位置：亲属;高度：38px;字体大小：12px ;线高度：40PX;文本转换：大写;边界：1px固体＃000;左边框：无;颜色：＃FFF;背景颜色：＃292929，背景图像： - WebKit的梯度（线性，左顶部，左侧底部，从（RGB（41,41,41）），到（RGB（0,0,0）））;背景图像： - WebKit的线性渐变（顶部，RGB（41,41,41 ），RGB（0,0,0））;背景图像： -万盎司线性渐变（顶部，RGB（41,41,41），RGB（0,0,0））;背景图像：-O线性梯度（顶，RGB（41,41,41），RGB（0,0,0））;背景图像：毫秒线性梯度（顶，RGB（41,41,41），RGB（ 0,0,0））;背景图像：线性渐变（顶部，RGB（41,41,41），RGB（0,0,0））;过滤器：进程id：DXImageTransform.Microsoft.gradient（GradientType = 0 ，StartColorStr ='＃292929'，EndColorStr ='＃000000'）; -万盎司框阴影：1px的插图0＃343534，插图0 1px的0＃343534; - WebKit的框阴影：1px的插图0＃343534 ，插图0 1px的0＃343534;框阴影：1px的插图0＃343534，插图0 1px的0＃343534}
。接触吧CB-BTN：悬停，接触酒吧CB-BTN-悬停{背景。颜色：＃4e4e4e，背景图像： - WebKit的梯度（线性，左上，左下，从（RGB（78,78,78）），到（RGB（39,39,39）））;背景图像： - WebKit的线性渐变（顶部，RGB（78,78,78），RGB（39,39,39））;背景图像： -万盎司线性渐变（顶部，RGB（78,78,78） ，RGB（39,39,39））;背景图像：-O-线性梯度（顶，RGB（78,78,78），RGB（39,39,39））;背景图像：-MS-线性渐变（顶部，RGB（78,78,78），RGB（39,39,39））;背景图像：线性渐变（顶部，RGB（78,78,78），RGB（39,39， 39））;过滤器：进程id：DXImageTransform.Microsoft.gradient（GradientType = 0，StartColorStr ='＃4e4e4e'，EndColorStr ='＃272727'）; -万盎司框阴影：1px的插图0＃5a5b5a，插图0 1px的0＃5a5b5a; - WebKit的框阴影：1px的插图0＃5a5b5a，插图0 1px的0＃5a5b5a;框阴影：1px的插图0＃5a5b5a，插图0 1px的0＃5a5b5a;光标：指针}
。接触。。酒吧CB-BTN选择，接触酒吧CB-BTN选择：悬停，接触酒吧CB-BTN-selected.cb-BTN-悬停{背景图像：无;背景色：＃232423 ; -万盎司框阴影：插图0加入5px 20像素黑色; - WebKit的框阴影：插图0加入5px 20像素的黑，箱阴影：插图0加入5px 20像素的黑}
。接触吧CB-btn.cb聊天， 。接触吧CB-btn.cb电话{宽度：178px} 。接触吧CB-btn.cb聊天{左边框：1px的固体＃000}
。接触吧CB-BTN选择。 CB聊天{ - WebKit的边界半径：0; -万盎司边界半径：0;边界半径：0}
。接触吧CB聊天CB-BTN-文本{背景：网址（/ jscss / demoimg/201403/cb-icon-livechat.png）不重复12px的14px的}
。接触吧CB-手机CB-BTN-文本{背景：网址（/ jscss/demoimg/201403/cb-icon-phone。 PNG）不重复14px的11像素}
。接触吧CB-BTN-文本{浮动：左;高度：38px;填充左：40PX;字体重量：大胆}
。接触吧CB-KB，CB 。，叽叽喳喳，CB-Facebook的{宽度：40PX;文本缩进：-3000em}
。。接触吧CB-kb的跨度，接触酒吧CB-Twitter的跨度，接触酒吧CB-Facebook的跨度{浮：左;宽度：100％}
。接触吧CB-kb的跨度{背景：网址（/ jscss/demoimg/201403/cb-icon-kb.png）不重复中心中心}
。接触吧CB-叽叽喳喳跨度{背景：网址（/ jscss/demoimg/201403/cb-icon-twitter.png）不重复中心中心}
。接触吧CB-Facebook的跨度{背景：网址（/ jscss/demoimg/201403/cb图标- facebook.png）不重复中心中心}
CB-状态{位置：绝对的;右：0;宽度：10px的;高度：10px的;保证金：均为15px 10px的16px的0}
。CB-在线{背景：网址（ / jscss/demoimg/201403/cb-status-online.png）不重复中心中心}
CB-离线{背景：网址（/ jscss/demoimg/201403/cb-status-offline.png）不重复中心中心}
CB-{弹出的z-index：9998;位置：固定;底：0;右：0，宽度：400像素;填充底：40PX;背景颜色：＃FFF; - WebKit的边界顶左，半径：加入5px; -万盎司边界半径-左上：加入5px;边框左上角半径：加入5px; -万盎司框阴影：0 1px的10px的RGBA（0，0，0，0.36）;的-webkit-盒阴影：0 1px的10px的RGBA（0，0，0，0.36）;箱阴影：0 1px的10px的RGBA（0，0，0，0.36）}
CB-弹出，工具栏{宽度：380px;线高度： 10px的;填充：加入5px 10px的}
。CB-弹出近距离{填充：加入5px;字体大小：18像素，字体重量：大胆;位置：绝对的;右：0;顶：0}
。CB-弹出闭：悬停{光标：指针}
。CB-弹出，内{填充：50px 的0，宽度：400像素;文本对齐：中心}
。CB-popup.chat邀请函{背景颜色：透明，高度：168px}
。CB-弹出窗口请打电话-我们{高度：168px}
CB-popup.chat -邀请CB-弹出近距离{颜色：＃FFF;文字阴影：0 1px的1px的RGBA（0，0，0，0.9）;的z-index ：99999}
CB-弹出＃值得一看{浮动：左;的margin-top：-10px的}
。CB-弹出＃值得一看的一个{背景：网址（/ jscss/demoimg/201403/livechat.png）无重复;高度：170px;宽度：400像素，显示：块;文本缩进：-999em}
。CB-弹出p {颜色：＃999}
。CB-弹出CB-BTN {文本对齐：中心;边界：1px固体＃043b8f;颜色：＃FFF;线高度：20像素，字体重量：大胆;文本装饰：无;背景颜色：＃49bae3;背景图像： - WebKit的梯度（线性，左上，左下，从（RGB（73186227）），到（RGB（42,73,180）））;背景图像： - WebKit的线性渐变（顶部，RGB（73186227），RGB（42,73,180））;背景图像： -万盎司的线性梯度（顶，RGB（73186227），RGB（42,73,180））;背景图像：-O-线性梯度（顶，RGB（73186227），RGB（42,73,180））;背景图像：毫秒线性梯度（顶部，RGB（73186227），RGB（42,73,180））;背景图像：线性渐变（顶部，RGB（73186227），RGB（42,73,180））;过滤器：进程id ：DXImageTransform.Microsoft.gradient（GradientType = 0，StartColorStr ='＃49bae3'，EndColorStr ='＃2a49b4'）; - WebKit的边界半径：3px的; -万盎司边界半径：3px的;的border-radius：3px的; -万盎司框阴影：插图0 1px的2px的＃25daee; - WebKit的框阴影：插图0 1px的2px的＃25daee;框阴影：插图0 1px的2px的＃25daee，文字阴影：0 1px的2px的RGBA（0， 0，0，0.5）}
CB-btn.cb-BTN-{第一的margin-left：0}
。CB-btn.cb-BTN-最后{保证金右：0}
。CB型CB-BTN {。宽度：100％}
。CB-弹出联络电话{字体大小：30像素，字体重量：大胆;线高度：1;利润率底：.25 EM}
</ STYLE>
<脚本类型=“文/ JavaScript的“SRC =”/ ajaxjs/jquery-1.6.2.min.js“> </ SCRIPT>
<script type="text/javascript">
$（文件）。就绪（函数（）{
$（“CB-弹出窗口-关闭“。）点击（函数（）{
$（“CB-弹出”）。隐藏（）;
}）;
$（“CB-聊”。）点击（函数（）{
$（“调用-我们“）的hide（）;
$（“聊天邀请函”）切换（）;。
}）;
$（“CB-手机”。）点击（函数（）{
$（“聊天邀请函” 。）隐藏（）;
$（）切换（）“呼叫我们。”;
}）;
}）;
</ SCRIPT>
</ HEAD>
<body style="height:1200px;">
<科级=“联系栏“>
<div class="cb-btn cb-phone"> <span class="cb-btn-text"> 123456 </ SPAN> <span class="cb-status cb-online"> </ SPAN> </ DIV>
<div class="cb-btn cb-chat"> <span class="cb-btn-text">在线客服</ SPAN> <跨度类=“CB-地位CB-在线“> </ SPAN> </ DIV>
<div class="cb-btn cb-kb"> <a href="/" target="_blank"title="源码爱好者"><跨度类=“ CB-BTN-IMG“>源码爱好者</ SPAN> </ A> </ DIV>
</ DIV>
<div class="call-us cb-popup">
<科级=“CB-弹出窗口，工具栏” > <span class="cb-popup-close">×</ SPAN> </ DIV>
<div class="cb-popup-inner">
<div class="popup-contactInfo">
<科级=“接触手机“> 123456789 </ DIV>
</ DIV>
<P>欢迎加入QQ群的<a target =“_blank” 边境=“0”SRC =“http://pub.idqqimg.com/wpa/images/group.png”ALT =“欢迎加入QQ群”称号=“欢迎加入QQ群”> </ A> </ P >
</ DIV>
</ DIV>
<div class="chat-invitation cb-popup" style="display: none;">
<div class="cb-popup-toolbar"> <跨度类=“CB-弹出近距离“>×</ SPAN> </ DIV>
<div id="eye-catcher">的<a href =“＃” '_blank'，'高度= 405，宽= 506，工具栏=没有，滚动条=没有，菜单栏=无，状态=无'）;，返回false;“称号=”点击与在线客服交谈“>在线客服</ A> </ DIV>
</ DIV>
</ BODY>
</ HTML>
网站常用下载排行
-
2013-08-07
-
2013-09-05
-
8种超炫的html5和css实现的 Loading加载图标动画
2014-04-10
-
2014-05-23
-
2014-03-25
-
2014-06-11
-
2014-03-14
-
2013-06-09
最新文章
-
2014-06-11
-
2014-06-08
-
2014-05-23
-
2014-05-23
-
2014-05-23
-
2014-05-23
-
2014-05-23
-
2014-04-28
相关内容推荐
热门源码
