18179202050
首页 > 九江网站设计 > 九江网站设计在线客服代码

九江网站设计在线客服代码

时间: 2017-7-3

九江网站设计在线客服代码

html代码:

<div class=”izl-rmenu”>
<a href=”http://wpa.qq.com/msgrd?V=1&uin=676417040&Site=hackp.com&Menu=yes” rel=“nofollow” target=”_blank”><div id=”lx_qq” class=”btn btn-qq”><div id=”lx_kefu” style=”display:none;”>QQ:676417040</div></div></a>
<div id=”lx_wx” class=”btn btn-wx”><div id=”lx_weixin” style=”display:block;”><img src=”/template/images/wxkftp.jpg”” alt=”绅宫微信号”></div></div>
<div id=”lx_phone” class=”btn btn-phone”><div id=”lx_dianhua” style=”display:none;”>Tel:13829405189</div></div>
<a href=”javascript:scroll(0,0)”><div class=”btn btn-top”></div></a>
</div>

js代码:

<script type=”text/javascript”>
lx_phone.onmouseover = function(){
lx_dianhua.style.display = ‘block’;
lx_weixin.style.display = ‘none’;
}
lx_phone.onmouseout = function() {
lx_dianhua.style.display = ‘none’;
}
lx_wx.onmouseover = function(){
lx_weixin.style.display = ‘block’;
}
lx_wx.onmouseout = function() {
lx_weixin.style.display = ‘block’;
}
lx_qq.onmouseover = function(){
lx_kefu.style.display = ‘block’;
lx_weixin.style.display = ‘none’;
}
lx_qq.onmouseout = function() {
lx_kefu.style.display = ‘none’;
}
</script>

css代码:

/*在线客服 css*/

.izl-rmenu{position:fixed; right:5px; bottom:220px; background:url(images/r_b.png) 0px bottom no-repeat; z-index:999;} .izl-rmenu .btn{width:42px; height:43px; margin-bottom:1px; cursor:pointer; position:relative;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;} .izl-rmenu .btn-qq,.izl-rmenu .btn-qq:visited{background:url(/template/images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx,.izl-rmenu .btn-wx:visited{background:url(/template/images/r_wx.png) 0px 0px no-repeat; background-color:#78c340; text-decoration:none; display:block;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone,.izl-rmenu .btn-phone:visited{background:url(/template/images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f; text-decoration:none; display:block;}

#lx_kefu{width:135px; height:43px; position:absolute; left:-135px; font-size:14px; line-height:43px;background-color:#488bc7;text-align:center; color:#FFFFFF;} #lx_kefu a{color:#FFFFFF;} #lx_weixin{width:138px; height:120px; margin-top:-43px; padding:4px 0px; position:absolute; left:-120px;top:40px; font-size:14px; line-height:22px;text-align:center; color:#363636;} #lx_dianhua{width:135px; height:43px; position:absolute; left:-135px; font-size:14px; line-height:43px;background-color:#ff811b;text-align:center; color:#FFFFFF;} .izl-rmenu .btn-top:hover{background-color:rgba(100,100,100,0.5);} .izl-rmenu .btn-top,.izl-rmenu .btn-top:visited{background:url(/template/images/r_top.png) 0px 0px no-repeat; background-color:rgba(0,0,0,0.5); text-decoration:none; display:block;}

首页 | 网站建设 | 网站优化 | 地图

Copyright © 2017-2018 九江网站建设   赣ICP备13005967号-1 版权所有