绿色可展开和收起的QQ在线客服

    可展开和收起的绿色QQ在线客服代码，鼠标移动到“在线客服”图标上，就会展开，上面有QQ和二维码。
1、在head引入相关css和js文件：

<link href="css/5imoban.net.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/5imoban.net.js"></script>

2、在您的body里面插入下面的代码：

<div class="scrollsidebar" id="scrollsidebar">
    <div class="side_content">
        <div class="side_list">
            <div class="side_title"><a title="隐藏" class="close_btn"><span>关闭</span></a></div>
            <div class="side_center">            	
                <div class="custom_service">
                    <p>
                        <a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&amp;uin=543031222" target="_blank"><img src="http://wpa.qq.com/pa?p=2:543031222:41"></a>
                    </p>
                </div>               
                <div class="other">
                    <p><img src="images/quickmark.jpg" /></p>
                    <p>客户服务热线</p>
                    <p>130-0000-0000</p>
                </div>
                <div class="msgserver">
                    <p><a href="http://www.5imoban.net/guestbook/" target="_blank">给我们留言</a></p>
                </div>
            </div>
            <div class="side_bottom"></div>
        </div>
    </div>
    <div class="show_btn"><span>在线客服</span></div>
</div>

3、在上面的html代码下面加入调用代码：

$(function() { 
	$("#scrollsidebar").fix({
		float : 'right',	//default.left or right
		//minStatue : true,
		skin : 'green',	//default.gray or blue
		durationTime : 600
	});
});