页面嵌入js文件就可以出现可拖动的悬浮球

鸿雁

于 2016-10-10 15:51:11 发布

阅读量6.5k

点赞数

分类专栏： js jQuery

本文链接：https://blog.csdn.net/w200221626/article/details/52778395

版权

js 同时被 2 个专栏收录

15 篇文章 1 订阅

订阅专栏

jQuery

15 篇文章 0 订阅

订阅专栏

用法：</body>之前添加

<script type='text/javascript' src="~/Content/scripts/utils/high-im-onchat.js?oid=532"></script>

页面可出现任意拖动的悬浮球

点击后可连接别的网址，比如对接在线客服

实例

在.js文件中填写

$(function () {
    var $html = "<div id='div-onchat' style='position:absolute;margin-top:0px;'><a ><img src='/Content/images/onchat.jpg' style='width:50px;height:50px;border-radius:25px' /></a></div>";
    $('body').append($html);
    $("#div-onchat").click(function () {
        var jspath = getJsPath('high-im-onchat.js');
        var oid = getParam(jspath, 'oid');
        window.open("/ChatManage/Youke/Index?oid=" + oid);
    }).offset({ left: $(window).width() - 50, top: $(window).height() / 2 }).draggable({ containment: 'parent' });
});