首页 > 代码库 > 水墨风格tab标签在线客服
水墨风格tab标签在线客服
<!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=utf-8" />
<title>水墨风格tab标签在线客服-石家庄有机肥</title>
<style>
@charset "utf-8";
#box{width:188px;height:348px;position:fixed;top:100px;right:0px;background:url(/js/qq/bg.png) no-repeat;margin:0px;padding:0px;z-index:1000;cursor:move;}
.box_ul{width:180px;height:20px;margin:0px;margin-top:50px;margin-left:4px;padding:0px;list-style:none;}
.box_li{width:59px;height:20px;float:left;background:#333;text-align:center;line-height:20px;color:#fff;font-size:12px;cursor:pointer;border-left:1px solid #fff;font-family:Arial;}
.con_ul{width:180px;height:240px;margin:0px;padding:0px;list-style:none;margin-left:4px;position:relative;}
.con_li{width:100%;height:100%;position:absolute;left:0px;top:0px;display:none;}
.t1_ul{width:100%;height:100%;list-style:none;margin:0px;padding:0px;padding-top:10px;}
.t1_ul li{width:100%;height:25px;font-size:12px;line-height:25px;padding-left:10px;}
.t1_ul span{line-height:25px;color:#333;float:left;font-family:Arial;margin-left:5px;}
.t2_div{width:150px;height:150px;background:#fff;margin-left:15px;margin-top:10px;}
.t2_div img{width:100%;height:100%;cursor:pointer;}
.qr_box{width:300px;height:300px;position:absolute;background:#ccc;}
.qr_box img{width:100%;height:100%;}</style>
<script src="http://www.mamicode.com/js/qq/common.js"></script>
<script src="http://www.mamicode.com/js/qq/csfn.js"></script>
</head>
<body>
<script>
myEvent(window,‘load‘,function(){
cs_fn.qqfn({
title : ‘在线咨询‘, //选项卡的名称
qq : ‘产品咨询|123456789,技术支持|123456789,售后服务|123456789,产品推广|123456789,定制开发|123456789‘, //填写QQ号码和需显示的名称,每组以逗号隔开,不要超过8组
});
cs_fn.qrcode({
title : ‘二维码‘, //选项卡的名称
imgPath : ‘/js/qq/qrcode.png‘, //二维码图片
});
cs_fn.news({
title : ‘新闻提要‘, //选项卡的名称，可自定义
});
});
</script>
<p>本例所需要的脚本:看不到效果请刷新网页,当然,在你实际使用时不会出现这样的情况<br/>
<a href="http://www.mamicode.com/js/qq/common.js">common.js</a><br/>
<a href="http://www.mamicode.com/js/qq/csfn.js">csfn.js</a></p>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px ‘MicroSoft YaHei‘;">
</div>
</body>
</html>
水墨风格tab标签在线客服