• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 在线客服 >  问号右侧悬浮框样式正文

问号右侧悬浮框样式的QQ客服jQuery代码

作者:网页模板
大小:0.0218MB
点击次数:
发布时间:2014-06-16 09:57
分享到:

特效介绍

jquery在线客服问号右侧悬浮框样式的QQ客服jQuery代码,带返回按钮,始终固定在右边中间,鼠标移动到问号上面即可弹出客服。在客服的最底部,还有返回顶部的按钮。适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

使用方法

1、在head区域引入下面的js和css文件:
<link type="text/css" href="css/5imoban.net.css" rel="stylesheet" />
<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、把以下代码拷贝到您的html页面:
<div id="cleft_box">
    <div class="cleft_inner">
        <div class="inner_btn"><span></span></div>
        <div class="inner_info">
            <div class="inner_tit"></div>
            <div class="inner_list">
                <ul>
                    <li><a href="http://www.5imoban.net" target="_blank">在线客服</a></li>
                    <li><a href="http://www.5imoban.net/texiao" target="_blank">QQ在线客服</a></li>
                    <li><a href="http://www.5imoban.net/texiao" target="_blank">QQ浮动客服代码</a></li>
                    <li><a href="http://www.5imoban.net/texiao" target="_blank">右侧浮动客服代码</a></li>
                    <li><a href="http://www.5imoban.net/texiao" target="_blank">jQuery qq客服</a></li>
                    <li><a href="http://www.5imoban.net/texiao/" target="_blank">qq客服2</a></li>
                    <li><a href="http://www.5imoban.net/texiao/" target="_blank">qq客服3</a></li>
                </ul>
            </div>
            <div class="inner_btm"><a href="javascript:void(0)" title="回到顶部" id="toTop"></a></div>
        </div>
    </div>
</div>

  • 本文标签:
  • QQ客服jQuery代码
固定在页面底部的div+css在线客服
三层带留言功能的QQ客服jQuery代码