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>网页右侧蓝灰色QQ在线客服代码</title>
</head>
<body>
<!– 代码部分begin –>
<style>
*{ margin:0; padding:0; list-style:none;}
#lanrenzhijia{ width:170px; height:280px; position:fixed; right:-130px; top:300px; background:url(http://demo.lanrenzhijia.com/2014/service1022/images/lanrenzhijia.png) no-repeat 0 0;}
#lanrenzhijia .lanren{ width:130px; height:280px; float:right; overflow:hidden; text-align:center; font-size:14px;color:#013984;}
#lanrenzhijia .lanren h2 a{ color:#013984; font-size:14px; text-decoration:none;}
#lanrenzhijia .lanren h2 a:hover{ color:#FF3600;}
</style>
<div id=”lanrenzhijia”>
<div class=”lanren”>
<h2 style=”margin-top:70px;”><a href=”http://www.kison.com.tw/%E8%81%AF%E7%B5%A1%E6%88%91%E5%80%91/”>點擊留言</a></h2>
<p style=”margin-top:10px;”>QQ：2145532902</p>
<h2 style=”margin-top:50px;”><a href=”http://wpa.qq.com/msgrd?v=3&uin=2145532902&site=qq&menu=yes”>線上客服</a></h2>
<p style=”margin-top:10px; color:#fff;”>QQ：2145532902</p>
</div>
</div>
<script src=”http://www.lanrenzhijia.com/ajaxjs/jquery.min.js”></script>
<script>
$(function(){
$(‘#lanrenzhijia’).hover(function(){
$(‘#lanrenzhijia’).stop().animate({right:’0px’},200);
},function(){
$(‘#lanrenzhijia’).stop().animate({right:’-130px’},200);
});
});
</script>
<!– 代码部分end –>
</body>
</html>
0 Comments