投稿 搜索
当前位置: 站长天下 / 按钮图标 / jquery悬浮在线客服返回顶部代码
jquery悬浮在线客服返回顶部代码
标签:

插件介绍

    一款jquery网页右侧悬浮的返回顶部和在线客服代码,鼠标滑过二维码显示隐藏,js css分离,js css注释清晰,下载即可使用。

    浏览器兼容性

    浏览器兼容性
    时间:2018-06-12
    阅读:

jquery悬浮在线客服返回顶部代码

简要教程

一款jquery网页右侧悬浮的返回顶部和在线客服代码,鼠标滑过二维码显示隐藏,js css分离,js css注释清晰,下载即可使用。

使用方法

在页面引入jquery.js文件

<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript">
    $(function() {
        $(".back-top").hide();
        $(".back-top").live("click", function() {
            $('html, body').animate({
                scrollTop: 0
            }, 400);
            return false;
        })
        $(window).bind('scroll resize', function() {
            if ($(window).scrollTop() <= 400) {
                $(".back-top").hide();
            } else {
                $(".back-top").show();
            }
        })
    })
</script>