<!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>JavaScript右侧客服在线浮窗代码 - 网页模板</title>
<style type="text/css">
body{margin:0;height:2000px;}
dl,dd,dt{margin:0;padding:0;}
a{ text-decoration:none;}
.floating_ck{position:fixed;right:20px;top:30%;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(images/icon0701/zxicon.png);}
.quote{background-image:url(images/icon0701/kficon.png);}
.qrcord{background-image:url(images/icon0701/erweima.png);}
.return{background-image:url(images/icon0701/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#e40231;border-bottom:solid 1px #a40324;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(images/erweima.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}
</style>
<script type="text/javascript" src="js/top.js"></script>
</head>
<body>
<div class="floating_ck">
<dl>
<dt></dt>
<dd class="consult">
<span>在线咨询</span>
<div class="floating_left"><a href="http://www.moobnn.com">真空技术在线咨询</a></div>
</dd>
<dd class="words">
<span>在线留言</span>
<div class="floating_left"><a href="http://www.moobnn.com">问题在线留言</a></div>
</dd>
<dd class="quote">
<span>索要报价</span>
<div class="floating_left"><a href="http://www.moobnn.com">索要产品报价表</a></div>
</dd>
<dd class="qrcord">
<span>扫一扫</span>
<div class="floating_left floating_ewm">
<i></i>
<p class="qrcord_p01">扫一扫<br>莱诺赠送神秘大礼</p>
<p class="qrcord_p02">全国免费服务热线<br><b>4000-123-123<b></p>
</div>
</dd>
<dd class="return">
<span onClick="gotoTop();return false;">返回顶部</span>
</dd>
</dl>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
JavaScript右侧客服在线浮窗代码.zip
版权申诉
144 浏览量
2022-11-19
19:46:23
上传
评论
收藏 83KB ZIP 举报
JavaScript右侧客服在线浮窗代码.zip （8个子文件） 
JavaScript右侧客服在线浮窗代码 
JavaScript右侧客服在线浮窗代码.jpg 78KB jiaoben3490 images 
erweima.png 19KB icon0701 zxicon.png 2KB erweima.png 2KB fanhui.png 1KB kficon.png 2KB
index.html 3KB js 
top.js 1KB资源评论
