js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS广告代码 > 在线客服

jquery网页右侧边栏qq在线客服特效

发布时间:2015-09-02 15:33:36    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery网页右侧边栏qq在线客服特效
<!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>jquery网页右侧边栏qq在线客服特效</title>    
<style type="text/css">    
*{border:0;margin:0;padding:0;}    
body{font-family:'Microsoft Yahei','微软雅黑',Arial,'Hiragino Sans GB','宋体';font-size:14px; }    
ul{list-style:none;}    
.slides{position:fixed;right:0;top:45%;}    
.slides .slideul>li{position:relative;display:block;width:56px;height:56px;margin-bottom:10px;overflow:visible;}    
.slides .slideul>li.kefu{width:66px;padding-left:10px;margin-left:-10px;}    
.slides .slideul>li ul.kefulist{position:absolute;left:-86px;top:-30px;padding-right:10px;display:none;}    
.slides .slideul>li ul.kefulist li{margin-bottom:10px;}    
.slides .slideul>li ul.kefulist li a{display:block;width:90px;height:30px;line-height:30px;background:#a8defe;color:#fff;text-align:center;text-decoration:none;}    
.slides .slideul>li ul.kefulist li a:hover{text-decoration:none;}    
</style>    
</head>    
<body>    
<div style="height:1000px;"></div>    
<!--侧边栏-->    
<div class="slides">    
       	<ul class="slideul">    
           	<li><a href="http://www.jstxdm.com/"><img src="image/slide-01.jpg" alt=""></a></li>    
<li class="kefu">    
               	<img src="image/slide-02.jpg" alt="">    
               	<ul class="kefulist">    
                   	<li><a href="http://www.jstxdm.com/">在线客服一</a></li>    
                   	<li><a href="http://www.jstxdm.com/">在线客服二</a></li>    
                   	<li><a href="http://www.jstxdm.com/">在线客服三</a></li>    
</ul>    
</li>    
</ul>    
</div>    
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>    
<script type="text/javascript">    
$(function(){    
       	//Sldie    
       	$(".slides .kefu").mouseenter(function(){    
       		$(this).find(".kefulist").fadeIn();    
       	});    
       	$(".slides .kefu").mouseleave(function(){    
       		$(this).find(".kefulist").fadeOut();    
       	});    
});    
</script>    
</body>    
</html>



qq在线客服

jQuery实现右侧qq在线客服特效,鼠标划过即可显示、隐藏

jquery右侧并且支持语音的QQ在线客服特效

jquery右侧浮动QQ在线客服特效代码

jQuery蓝色简洁版右侧qq在线客服特效

jquery实用简洁qq在线客服

jquery网页右侧边栏qq在线客服特效

jquery实现页面右侧固定按钮,点击展开带二维码的qq在线客服特效

jQuery实现带建议反馈的QQ在线客服特效代码

jQuery实现带动画效果的悬浮QQ在线客服特效代码

jquery实现右侧点击展开qq在线客服特效代码

带登陆注册的qq在线客服js特效代码

友荐云推荐
大家说 此评论不代表本站观点