WebIM 即时通信 简介

WebIM基于阿里大牛贤心的layim修改而来,layim是一款不错的web即时通讯的jQuery插件。主要修改内容:


  • 1. 所有图片图标修改为字体图标,提高加载效率;
  • 2. 整合到H+中,解决了一些兼容性问题;

作者: 贤心

示例
请在右下角的窗口中查看。
如何使用
  • 1 安装插件


    <!DOCTYPE html>
    <html>
    <head>
        ……
        <link href="js/plugins/layer/layim/layim.css">
    </head>
    <body>
    ……
        <script src="js/plugins/layer/layer.min.js"></script>
        <script src="js/plugins/layer/layim/layim.js"></script>
    </body>
    </html>
  • 2 插件配置


    在js/plugins/layer/layer.min.js中找到如下内容,进行自定义设置:
    ___________________________________________________________________
    var config = {
        msgurl: 'mailbox.html',
        chatlogurl: 'mailbox.html',
        aniTime: 200,
        right: -232,
        api: {
            friend: 'js/plugins/layer/layim/data/friend.json', //好友列表接口
            group: 'js/plugins/layer/layim/data/group.json', //群组列表接口
            chatlog: 'js/plugins/layer/layim/data/chatlog.json', //聊天记录接口
            groups: 'js/plugins/layer/layim/data/groups.json', //群组成员接口
            sendurl: '' //发送消息接口
        },
        user: { //当前用户信息
            name: '游客',
            face: 'http://tp1.sinaimg.cn/1670071920/180/1287996904/1'
        },
    
        //自动回复内置文案,也可动态读取数据库配置
        autoReplay: [
            '您好,我现在有事不在,一会再和您联系。',
            '你没发错吧?',
            '洗澡中,请勿打扰,偷窥请购票,个体四十,团体八折,订票电话:一般人我不告诉他!',
            '你好,我是主人的美女秘书,有什么事就跟我说吧,等他回来我会转告他的。',
            '我正在拉磨,没法招呼您,因为我们家毛驴去动物保护协会把我告了,说我剥夺它休产假的权利。',
            '<(@ ̄︶ ̄@)>',
            '你要和我说话?你真的要和我说话?你确定自己想说吗?你一定非说不可吗?那你说吧,这是自动回复。',
            '主人正在开机自检,键盘鼠标看好机会出去凉快去了,我是他的电冰箱,我打字比较慢,你慢慢说,别急……',
            '(*^__^*) 嘻嘻,是贤心吗?'
        ],
    
        ……
  • 3 输出数据


    按照js/plugins/layer/layim/data/的json文件提供的数据接口输出规定的数据格式,注意:如果第二步修改了api的内容,注意输出数据的路径。