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

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

发布时间:2015-08-27 10:44:46    您是第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在线客服特效,鼠标划过即可显示、隐藏 — js特效代码网</title>
	<style type="text/css">
		*{margin:0;padding:0;list-style-type:none;}
		a,img{border:0;}
		body{font:12px/180% Arial, Helvetica, sans-serif, "宋体";}
		.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
		.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
		.suspend dl dt{width:40px;height:198px;background:url(suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
		.suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;}
		.suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(suspend.png) -40px 0;overflow:hidden;}
		.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
		.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(suspend.png) -40px -86px;overflow:hidden;}
		* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}
	</style>
</head>
<body>
	<div class="suspend">
		<dl>
			<dt class="IE6PNG"></dt>
			<dd class="suspendQQ"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes"></a></dd>
			<dd class="suspendTel"><a href="javascript:void(0);"></a></dd>
		</dl>
	</div>
	<script src="js/jquery.js"></script>
	<script type="text/javascript">           
		$(function(){
			$(".suspend").mouseover(function() {
				$(this).stop();
				$(this).animate({width: 160}, 400);
			});
			$(".suspend").mouseout(function() {
				$(this).stop();
				$(this).animate({width: 40}, 400);
			});
		});
	</script>
</body>
</html>



在线客服 鼠标划过

jQuery实现右侧悬浮在线客服、返回顶部代码

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

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

jquery绿色右侧浮动在线客服特效

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

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

jquery实用简洁qq在线客服

jquery win8扁平风格返回顶部和在线客服网站侧边栏代码

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

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

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

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

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

jquery仿小猪cms右侧栏伸缩回到顶部、在线客服的特效代码

jQuery仿微俱聚网站在线客服特效代码

jQuery实现页面悬浮在线客服插件

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

腾讯QQ和淘宝旺旺在线客服

js实现可以自动弹出信息的在线客服特效代码

友荐云推荐