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>