<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<title></title>
|
|
</head>
|
<body>
|
<script type="text/javascript" src="/js/jquery-1.12.3.min.js"></script>
|
<script type="text/javascript">
|
$(function(){
|
H_qqServer={};
|
H_qqServer.clickOpenServer = function () {
|
$('.qq-client-open').click(function(){
|
$('.qq-client').animate({
|
right: '-50'
|
},400);
|
$('.qq-client-content').animate({
|
right: '0',
|
opacity: 'show'
|
}, 800 );
|
});
|
$('.qq-client-close').click(function(){
|
$('.qq-client').animate({
|
right: '0',
|
opacity: 'show'
|
},400);
|
$('.qq-client-content').animate({
|
right: '-250',
|
opacity: 'show'
|
}, 800 );
|
});
|
};
|
H_qqServer.run= function () {
|
this.clickOpenServer();
|
};
|
H_qqServer.run();
|
});
|
</script>
|
<style type="text/css">
|
.qq-client{position:fixed;right:0px;top:50%;margin-top:-80px;}
|
.qq-client a{width:50px;height:160px;text-align:center;border:#ebebeb solid 1px;padding:0px 0px;line-height:40px;display:block;}
|
.qq-client-content{position:fixed;right:-250px;top:38%;border:#ebebeb solid 1px;width:200px;display:none;background:#ffffff;}
|
.qq-client-content h1{font-size:14px;width:90%;margin:0px auto;text-align:center;height:50px;line-height:50px;border-bottom:#ebebeb solid 1px;position:relative;}
|
.qq-client-content h1 span{font-size:12px;font-weight:normal;position:absolute;left:-30px;top:-20px;cursor:pointer;background:#ffffff;border:#ebebeb solid 1px;width:40px;height:40px;line-height:40px;border-radius:20px;text-align:center;}
|
.qq-client-list{background:#ffffff;}
|
.client-list{overflow:hidden;line-height:40px;width:90%;margin:0px auto;border-bottom:dashed 1px #ebebeb;}
|
.client-list a{display:block;}
|
.client-list a:hover{color:red;}
|
.client-list span{float:left;}
|
.client-list label{float:left;width:60px;text-align:right;padding-right:10px;}
|
</style>
|
<div class="qq-client" style="right: -50px;">
|
<a href="javascript:void(0);" class="qq-client-open">点<br>击<br>展<br>开</a>
|
</div>
|
<div class="qq-client-content" style="display: block; right: 0px;">
|
<h1>来电客户<span class="qq-client-close">关闭</span></h1>
|
<div class="qq-client-list">
|
<div class="client-list"><label>号码：</label><span>13719228009</span></div>
|
<div class="client-list"><label>时间：</label><span>2022/5/9 19:18:26</span></div>
|
<div class="client-list"><label>类型：</label><span>点击联系</span></div>
|
<div class="client-list"><label>小明：</label><span>点击联系</span></div>
|
<div class="client-list" style="border-bottom: none"><a href="#5"><label>小明：</label><span>点击联系</span></a> </div>
|
</div>
|
</div>
|
<div style="height:1000px;"></div>
|
|
|
|
</body></html>
|
