精华内容
下载资源
问答
  • html聊天界面

    千次阅读 2020-01-08 15:40:37
    参考网址:https://desk.v5kf.com/desk/kehu_zh.html html代码 html lang="zh"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <...

    先看效果图

    参考网址:https://desk.v5kf.com/desk/kehu_zh.html

    html代码

    html lang="zh">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="format-detection" content="telephone=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="yes" name="apple-touch-fullscreen">
        <meta name="full-screen" content="yes">
        <meta content="default" name="apple-mobile-web-app-status-bar-style">
        <meta name="screen-orientation" content="portrait">
        <meta name="browsermode" content="application">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="x5-orientation" content="portrait">
        <meta name="x5-fullscreen" content="true">
        <meta name="x5-page-mode" content="app">
        <base target="_blank">
        <title>会话_聊天机器人</title>
        <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="~/Content/chat.css">
        <script src="~/Scripts/jquery-1.10.2.min.js"></script>
        <script src="~/Scripts/chat.js"></script>
    </head>
    <body lang="zh">
        <img style="width:100%;height:100%" src="~/Images/chatBack.jpg">
        <div class="abs cover contaniner">
            <div class="abs cover pnl">
                <div class="top pnl-head"></div>
                <div class="abs cover pnl-body" id="pnlBody">
                    <div class="abs cover pnl-left">
                        <div class="abs cover pnl-msgs scroll" id="show">
                            <div class="msg min time" id="histStart">加载历史消息</div>
                            <div class="pnl-list" id="hists">
                                <!-- 历史消息 -->
                            </div>
                            <div class="pnl-list" id="msgs">
                                <div class="msg robot">
                                    <div class="msg-left" worker="小龙">
                                        <div class="msg-host photo" style="background-image: url(../Images/head.png)"></div>
                                        <div class="msg-ball" title="今天 17:52:06">你好,我是只能打字的聊天机器人                <br><br>您是想要了解哪些方面呢?</div>
                                    </div>
                                </div>
                                <div class="msg guest">
                                    <div class="msg-right">
                                        <div class="msg-host headDefault"></div>
                                        <div class="msg-ball" title="今天 17:52:06">你好</div>
                                    </div>
                                </div>
                            </div>
                            <div class="pnl-list hide" id="unreadLine">
                                <div class="msg min time unread">未读消息</div>
                            </div>
                        </div>
                        <div class="abs bottom pnl-text">
                            <div class="abs top pnl-warn" id="pnlWarn">
                                <div class="fl btns rel pnl-warn-free">
                                    <img src="../Images/icon/Smile.png" class="kh warn-btn" title="表情" id="emojiBtn" />
                                    <img src="../Images/icon/pic.png" class="kh warn-btn" title="截屏" id="emojiBtn" />
                                    <img src="../Images/icon/camera.png" class="kh warn-btn" title="图片" id="emojiBtn" />
                                    <img src="../Images/icon/edit.png" class="kh warn-btn" title="保存" id="emojiBtn" />
                                </div>
                            </div>
                            <div class="abs cover pnl-input">
                                <textarea class="scroll" id="text" wrap="hard" placeholder="在此输入文字信息..."></textarea>
                                <div class="abs atcom-pnl scroll hide" id="atcomPnl">
                                    <ul class="atcom" id="atcom"></ul>
                                </div>
                            </div>
                            <div class="abs br pnl-btn" id="submit" style="background-color: rgb(32, 196, 202); color: rgb(255, 255, 255);" οnclick="SendMsg()">发送</div>
                            <div class="pnl-support" id="copyright"><a href="#">版权什么的</a></div>
                        </div>
                    </div>
                    <div class="abs right pnl-right">
                        <div class="slider-container hide"></div>
                        <div class="pnl-right-content">
                            <div class="pnl-tabs">
                                <div class="tab-btn active" id="hot-tab">常见问题</div>
                                <div class="tab-btn" id="rel-tab">相关问题</div>
                            </div>
                            <div class="pnl-hot">
                                <ul class="rel-list unselect" id="hots">
                                    <!-- <li class="rel-item">这是一个问题,这是一个问题?</li> -->
                                </ul>
                            </div>
                            <div class="pnl-rel" style="display: none;">
                                <ul class="rel-list unselect" id="rels">
                                    <!-- <li class="rel-item">这是一个问题,这是一个问题?</li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    </html>

    JS文件

    // 发送信息
    function SendMsg()
    {
        var text = document.getElementById("text");
        if (text.value == "" || text.value == null)
        {
            alert("发送信息为空,请输入!")
        }
        else
        {
            AddMsg('default', SendMsgDispose(text.value));
            text.value = "";
        }
    }
    // 发送的信息处理
    function SendMsgDispose(detail)
    {
        detail = detail.replace("\n", "<br>").replace(" ", "&nbsp;")
        return detail;
    }

    // 增加信息
    function AddMsg(user,content)
    {
        var str = CreadMsg(user, content);
        var msgs = document.getElementById("msgs");
        msgs.innerHTML = msgs.innerHTML + str;
    }

    // 生成内容
    function CreadMsg(user, content)
    {
        var str = "";
        if(user == 'default')
        {
            str = "<div class=\"msg guest\"><div class=\"msg-right\"><div class=\"msg-host headDefault\"></div><div class=\"msg-ball\" title=\"今天 17:52:06\">" + content +"</div></div></div>"
        }
        else
        {
            str = "<div class=\"msg robot\"><div class=\"msg-left\" worker=\"" + user + "\"><div class=\"msg-host photo\" style=\"background-image: url(../Images/head.png)\"></div><div class=\"msg-ball\" title=\"今天 17:52:06\">" + content + "</div></div></div>";
        }
        return str;
    }
     
    CSS文件代码太多,下载地址:https://pan.baidu.com/s/1SEEhsI27aN711xnQxC5KtQ

     

    展开全文
  • html5 web微信聊天窗口界面模板,html5 web微信聊天窗口界面模板,html5 web微信聊天窗口界面模板,html5 web微信聊天窗口界面模板
  • html+js,web聊天UI界面效果及其特效设计,直接打开html界面就可以看到效果了
  • 主要为大家详细介绍了HTML5仿手机微信聊天界面的关键代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 基于html5+css3实现的精美聊天界面demo

    千次下载 热门讨论 2015-07-27 14:53:31
    基于HTML5+css3实现的两人即时通讯聊天界面,界面风格相当漂亮,可直接使用,也可简单修改为自己想要的样式,仅供大家参考。
  • html5+css3 聊天系统界面

    热门讨论 2014-08-09 22:11:40
    这是基于html5和css3的一款聊天界面设计,5个静态界面的设计和跳转已经基本实现,运行于Google chrome浏览器,代码全部都有,可直接运行。
  • 最新因项目需要,就利用HTML5+css3+jquery+weui做了一个仿微信聊天界面功能,可以发微信表情,查看图片、视频…         由于代码较长,小编打包了。需要的朋友点击下载。 具体代码如下所示: ...
  • html5仿网页版微信聊天界面代码
  • html5聊天页面

    2018-08-21 09:57:16
    html5聊天页面
  • HTML5电脑端微信聊天窗口界面是一款HTML5基于CSS3属性制作的仿微信带有气泡的直接聊天消息窗口屏幕,流畅的滑动文字动画显示和一些很酷的动态特性。
  • html5 仿微信聊天界面

    2016-05-17 10:56:01
    html5仿网页版微信聊天界面代码
  • 仿QQ+html5的聊天界面

    2020-09-04 15:21:59
    类似qq聊天界面,css书写,jq写入包含消息收发、文件收发、加密会话、阅后即焚等功能界面。界面简单适用
  • 就是个静态页面 有需要的拿去 写着玩
  • 已经做好的IM分享给大家,前端UI,模拟都做好了,下载开发后台,前端处理下基本就能用了,分享给大家,界面简洁大方,技术:Jquery+html5,包含的界面:登陆、注册、密码找回、聊天界面
  • pc版Web聊天界面+代码分享(HTML+CSS)

    千次阅读 2019-06-11 20:00:42
    抓紧写完用例后划水写了个聊天界面,样式纯高仿tx的扣扣 该例子还在更新中,因为内容比较少,当时也没有想到要上传博客,并没有标明注释。如果看的人比较多,我在加些注释。 本eg包含英文为初中水平,请大胆阅读。...

    不会写前端的测试,不是好测试。抓紧写完用例后划水写了个聊天界面,样式纯高仿tx的扣扣

    该例子还在更新中,因为内容比较少,当时也没有想到要上传博客,并没有标明注释。如果看的人比较多,我在加些注释。

    本eg包含英文为初中水平,请大胆阅读。

    HTML代码:

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>PC聊天</title>
        <link rel="stylesheet" href="../static/css/session-eg.css">
    </head>
    <body>
    <div class="main">
        <div class="top">
            <div class="top-left">
                <div class="header"></div>
                <div class="search">
                    <input type="text">
                    <i class="icon-sear"></i>
                </div>
            </div>
            <div class="top-type">
                <a href="#" class="news icon-site"></a>
                <a href="#" class="friend icon-site"></a>
                <a href="#" class="file icon-site"></a>
            </div>
            <div class="top-right">
                <i class="ic-menu ic-same"></i>
                <i class="ic-shrink ic-same"></i>
                <i class="ic-boost ic-same"></i>
                <i class="ic-close ic-same"></i>
            </div>
        </div>
        <div class="box">
            <div class="chat-list">
                <div class="list-box">
                    <img class="chat-head" src="../static/img/img-header2.jpg" alt="">
                    <div class="chat-rig">
                        <p class="title">公众号</p>
                        <p class="text">紧急!!!</p>
                    </div>
                </div>
                <div class="list-box select"><img class="chat-head" src="../static/img/img-header.jpeg" alt="">
                    <div class="chat-rig"><p class="title">宋温暖</p>
                        <p class="text">在?</p></div>
                </div>
                <div class="list-box"><img class="chat-head" src="../static/img/img-header2.jpg" alt="">
                    <div class="chat-rig"><p class="title">安安安</p>
                        <p class="text">你好,我这里有个任务帮我做一下</p></div>
                </div>
                <div class="list-box">
                    <img class="chat-head" src="../static/img/img-header2.jpg" alt="">
                    <div class="chat-rig">
                        <p class="title">公众号</p>
                        <p class="text">紧急!!!</p>
                    </div>
                </div>
                <div class="list-box"><img class="chat-head" src="../static/img/img-header.jpeg" alt="">
                    <div class="chat-rig"><p class="title">宋温暖</p>
                        <p class="text">在?</p></div>
                </div>
                <div class="list-box"><img class="chat-head" src="../static/img/img-header2.jpg" alt="">
                    <div class="chat-rig"><p class="title">安安安</p>
                        <p class="text">你好,我这里有个任务帮我做一下</p></div>
                </div>
                <div class="list-box">
                    <img class="chat-head" src="../static/img/img-header2.jpg" alt="">
                    <div class="chat-rig">
                        <p class="title">公众号</p>
                        <p class="text">紧急!!!</p>
                    </div>
                </div>
                <div class="list-box"><img class="chat-head" src="../static/img/img-header.jpeg" alt="">
                    <div class="chat-rig"><p class="title">宋温暖</p>
                        <p class="text">在?</p></div>
                </div>
                <div class="list-box"><img class="chat-head" src="../static/img/img-header2.jpg" alt="">
                    <div class="chat-rig"><p class="title">安安安</p>
                        <p class="text">你好,我这里有个任务帮我做一下</p></div>
                </div>
            </div>
            <div class="box-right">
                <div class="recvfrom">
                    <div class="nav-top">
                        <p>公众号</p>
                    </div>
                    <div class="news-top">
                        <ul>
                            <li class="other">
                                <div class="avatar"><img src="../static/img/img-header2.jpg" alt=""></div>
                                <div class="msg">
                                    <p class="msg-name">宋温暖</p>
                                    <p class="msg-text">请接下这个活 <emoji class="pizza"></emoji></p>
                                    <time>20:18</time>
                                </div>
                            </li>
                            <li class="self">
                                <div class="avatar"><img src="../static/img/img-header2.jpg" alt=""></div>
                                <div class="msg">
                                    <p class="msg-name">安安安</p>
                                    <p class="msg-text">请接下这个下这个活请接下接下这个活请接下接下这个活请接下下这个活请接下这个活<emoji class="pizza"></emoji></p>
                                    <time>20:18</time>
                                </div>
                            </li>
                            <li class="other">
                                <div class="avatar"><img src="../static/img/img-header2.jpg" alt=""></div>
                                <div class="msg">
                                    <p class="msg-name">Name</p>
                                    <p class="msg-text">请接下这个活 <emoji class="pizza"></emoji></p>
                                    <time>20:18</time>
                                </div>
                            </li>
                            <li class="self">
                                <div class="avatar"><img src="../static/img/img-header2.jpg" alt=""></div>
                                <div class="msg">
                                    <p class="msg-name">Name</p>
                                    <p class="msg-text">请接下这个活 <emoji class="pizza"></emoji></p>
                                    <time>20:18</time>
                                </div>
                            </li>
                            <li class="other">
                                <div class="avatar"><img src="../static/img/img-header2.jpg" alt=""></div>
                                <div class="msg">
                                    <p class="msg-name">Name</p>
                                    <p class="msg-text">请接下这个活 <emoji class="pizza"></emoji></p>
                                    <time>20:18</time>
                                </div>
                            </li>
                            <li class="other">
                                <div class="avatar"><img src="../static/img/img-header2.jpg" alt=""></div>
                                <div class="msg">
                                    <p class="msg-name">Name</p>
                                    <p class="msg-text">请接下这个活 <emoji class="pizza"></emoji></p>
                                    <time>20:18</time>
                                </div>
                            </li>
                            <li class="other">
                                <div class="avatar"><img src="../static/img/img-header2.jpg" alt=""></div>
                                <div class="msg">
                                    <p class="msg-name">Name</p>
                                    <p class="msg-text">请接下这个活 <emoji class="pizza"></emoji></p>
                                    <time>20:18</time>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="sendto">
                    <div class="but-nav">
                        <ul>
                            <li class="font"></li>
                            <li class="face"></li>
                            <li class="cut"></li>
                            <li class="page"></li>
                            <li class="old"></li>
                        </ul>
                    </div>
                    <div class="but-text">
                        <textarea name="" id="" cols="110" rows="6"></textarea>
                        <a href="#" class="button">发送</a>
                    </div>
                </div>
            </div>
    
        </div>
    
    
    </div>
    
    </body>
    </html>

    如果HTML存在报错,请自行吧emoji标签去掉。

    css代码:

    * {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 14px;
        text-decoration: none;
        color: black;
        outline: none;
    }
    
    html, body {
        width: 100%;
        height: 100%;
    }
    
    .main {
    
        height: 800px;
        width: 1005px;
        margin: auto;
        box-shadow: 0 0 3px 5px #e1e1e1;
    }
    
    .main .top {
        width: 1005px;
        height: 60px;
        background-color: #3bb4f2;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    
    .main .top .top-left {
        height: 100%;
        width: 200px;
        float: left;
        position: relative;
    }
    
    .main .top .top-left .header {
        height: 48px;
        width: 48px;
        border-radius: 50%;
        background-image: url("../img/header.jpg");
        line-height: 60px;
        display: inline-block;
        margin: 6px;
        border: 1px solid transparent;
    }
    
    .main .top .top-left .header:hover {
        border: 1px solid white;
    }
    
    .main .top .top-left .search {
        display: inline-block;
        height: 30px;
        position: absolute;
        margin: 17px 14px;
    }
    
    .main .top .top-left .search input {
        display: inline-block;
        width: 110px;
        height: 30px;
        border-radius: 40px;
        border: 1px solid ghostwhite;
        text-indent: 40px;
        background-color: #3bb4f2;
    
    }
    
    .main .top .top-left .search input:hover {
        border: 1px solid white;
    }
    
    .main .top .top-left .search .icon-sear {
    
        background-image: url("../img/sou.png");
        background-size: 100% 100%;
        height: 30px;
        width: 30px;
        position: absolute;
        margin-top: -31px;
        margin-left: 7px;
    
    }
    
    .main .top .top-type {
        height: 100%;
        width: 200px;
        float: left;
        margin-left: 200px;
    }
    
    .main .top .top-type a.icon-site {
        display: inline-block;
        height: 40px;
        width: 40px;
        background-size: 100% 100%;
        margin: 10px 11px;
    }
    
    .main .top .top-type .news {
        background-image: url("../img/news.png");
    
    }
    
    .main .top .top-type .friend {
        background-image: url("../img/friend.png");
    
    }
    
    .main .top .top-type .file {
        background-image: url("../img/file.png");
    
    }
    
    .main .top .top-right {
        height: 100%;
        width: 200px;
        float: right;
    }
    
    .main .top .top-right i.ic-same {
        display: inline-block;
        height: 20px;
        width: 20px;
        background-size: 100% 100%;
        margin: 19px 7px;
    }
    
    .main .top .top-right i.ic-same.ic-menu {
        margin-left: 48px;
    }
    
    .main .top .top-right .ic-menu {
    
        background-image: url("../img/menu.png");
    }
    
    .main .top .top-right .ic-menu:hover {
        background-image: url("../img/menu (1).png");
    }
    
    .main .top .top-right .ic-shrink {
        background-image: url("../img/shrink.png");
    }
    
    .main .top .top-right .ic-shrink:hover {
        background-image: url("../img/shrink (1).png");
    }
    
    .main .top .top-right .ic-boost {
        background-image: url("../img/boost.png");
    }
    
    .main .top .top-right .ic-boost:hover {
        background-image: url("../img/boost (1).png")
    }
    
    .main .top .top-right .ic-close {
        background-image: url("../img/close.png");
    }
    
    .main .top .top-right .ic-close:hover {
        background-image: url("../img/close (1).png");
    }
    
    .main .box {
        width: 100%;
        height: 740px;
    
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    
    .main .box .chat-list {
        float: left;
        width: 250px;
        height: 100%;
        background-color: #f4f4f4;
    }
    
    .main .box .chat-list .list-box {
        height: 80px;
        width: 250px;
    }
    
    .main .box .chat-list .list-box.select {
        background-color: #dbdbdb;
    }
    
    .main .box .chat-list .list-box:hover {
        background-color: #dbdbdb;
    }
    
    .main .box .chat-list .list-box img.chat-head {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        border: 1px solid #f4f4f4;
        margin: 15px 10px;
    }
    
    .main .box .chat-list .list-box .chat-rig {
        float: right;
        height: 50px;
        width: 178px;
        margin: 15px 0;
    }
    
    .main .box .chat-list .list-box .chat-rig .title {
        font-weight: 600;
        font-size: 17px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .main .box .chat-list .list-box .chat-rig .text {
        font-size: 12px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #6C6C6C;
    }
    
    .main .box .box-right {
        float: left;
        width: 750px;
        height: 100%;
    }
    
    .main .box .box-right .recvfrom {
        width: 752px;
        height: 560px;
    
    }
    
    .main .box .box-right .recvfrom .nav-top {
        height: 45px;
        width: 100%;
    }
    
    .main .box .box-right .recvfrom .nav-top p {
        line-height: 45px;
        font-size: 18px;
        font-weight: 600;
        margin-left: 25px;
    }
    
    .main .box .box-right .recvfrom .news-top {
        height: 510px;
        border-top: 1px solid #6C6C6C;
        border-bottom: 1px solid #6C6C6C;
        overflow-y: scroll;
    }
    
    .main .box .box-right .recvfrom .news-top ul {
        height: 100%;
        width: 100%;
    }
    
    .main .box .box-right .recvfrom .news-top ul li {
        margin: 10px;
        min-height: 80px;
        position: relative;
        overflow: hidden;
    
    }
    
    .main .box .box-right .recvfrom .news-top ul li .avatar img {
        height: 30px;
        width: 30px;
        border-radius: 50%;
    }
    
    .main .box .box-right .recvfrom .news-top ul li .msg {
        top: -10px;
        margin: 8px;
        min-height: 80px;
    }
    
    .main .box .box-right .recvfrom .news-top ul li::after {
        clear: both;
        content: "";
        display: inline-block;
    }
    
    .main .box .box-right .recvfrom .news-top ul li .msg .msg-text {
        background-color: #6C6C6C;
        border-radius: 5px;
        padding: 8px;
    }
    
    .main .box .box-right .recvfrom .news-top ul li .msg time {
        float: right;
        color: #ccc;
    }
    
    .main .box .box-right .recvfrom .news-top ul li.other .avatar {
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .main .box .box-right .recvfrom .news-top ul li.other .msg {
        position: absolute;
        left: 40px;
    
    }
    
    .main .box .box-right .recvfrom .news-top ul li.self .avatar {
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .main .box .box-right .recvfrom .news-top ul li.self .msg {
        position: absolute;
        right: 38px;
    }
    
    .main .box .box-right .sendto {
        width: 752px;
        height: 180px;
    }
    
    .main .box .box-right .sendto .but-nav {
        height: 40px;
    }
    
    .main .box .box-right .sendto .but-nav ul li {
        float: left;
        height: 22px;
        width: 22px;
        margin: 7px 15px;
        background-size: 100% 100%;
    }
    
    .main .box .box-right .sendto .but-nav ul li:hover {
        background-color: #dbdbdb;
    }
    
    .main .box .box-right .sendto .but-nav ul li.font {
        background-image: url("../img/font.png");
    }
    
    .main .box .box-right .sendto .but-nav ul li.face {
        background-image: url("../img/face.png");
    }
    
    .main .box .box-right .sendto .but-nav ul li.cut {
        background-image: url("../img/cut.png");
    }
    
    .main .box .box-right .sendto .but-nav ul li.page {
        background-image: url("../img/page.png");
    }
    
    .main .box .box-right .sendto .but-nav ul li.old {
        background-image: url("../img/old.png");
    }
    
    .main .box .box-right .sendto .but-text textarea {
        border: none;
        font-size: 22px;
        margin-left: 20px;
        width: 732px;
        height: 100px;
    }
    
    .main .box .box-right .sendto .but-text .button {
        float: right;
        padding: 5px 25px;
        background-color: #3bb4f2;
        margin-right: 20px;
    }
    
    
    
    

    为了感谢你能看到这里,科普一个目前免费icon网址:https://www.iconfont.cn/home/index

    HTML引入时对应的CSS路径自行修改即可使用,转载请说明出处

    展开全文
  • HTML5仿电脑端微信聊天窗口界面代码
  • 适用各种HTML页面; 效果最佳; 放页面上直接用; $(function () { $("html, body").animate({ scrollTop: $('html, body').get(0).scrollHeight }, 1000); }); 用着感觉好麻烦回个赞,感谢!!! ...

    万能;

    适用各种HTML页面;

    效果最佳;

    放页面上直接用;

    $(function () {
      $("html, body").animate({
         scrollTop: $('html, body').get(0).scrollHeight
      }, 1000);
    });
    

    用着感觉可以的话,麻烦回个赞,感谢!!!

    展开全文
  • jquery仿微信聊天界面

    2020-12-10 18:27:03
    首先看一下我们的效果图。 这个颜色可能搭配的有些不合适,但基本功能大都实现了。就是你和你同桌对话,你发的消息在你的左侧,而在... //左侧聊天界面 <div xss=removed><span>你</span></div> <select m
  • Amaze UI仿电脑版微信聊天界面HTML代码.zip
  • 一款精致的HTML5仿电脑端微信聊天窗口界面代码,还有一些CSS3属性制作的动画特效,具体查看演示体验吧!
  • 基于layui风格实现im聊天功能,亲测无问题。 只需引入layim.js以及layui.css即可,本人写了一篇Springboot + shiro + layui + socketio实现的消息推送以及聊天功能
  • jQuery手机端响应式聊天窗口界面代码,jQuery手机端响应式聊天窗口界面代码
  • html在线聊天窗口

    2013-01-30 22:09:49
    html在线聊天窗口,只是窗口哦,没有jsp,画面而已
  • 简洁的web端和自适应移动端,聊天界面,有左侧好友列表,右侧聊天窗口,底部表情栏,语言输入框,点击单个好友聊天,好友分组,查看好友信息,好友动态空间等
  • HTML5 css3仿手机微信聊天界面带弹性的拖动特效,在白色屏幕边缘拖动,会向右伸出,且带有弹性动画效果,展开后是模仿的微信聊天界面,看上去十分不错,不过在IE下有些不兼容,本源码主要是面向移动终端设备而编写的...
  • 小编最近开发一个基于html5开发的一个微信聊天前端界面,功能很全面,下面小编给大家分享实例代码,需要的朋友参考下
  • jQuery仿微信聊天界面代码 jQuery仿微信聊天界面代码 jQuery仿微信聊天界面代码

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 38,616
精华内容 15,446
关键字:

html聊天界面