`
kongshanxuelin
  • 浏览: 926874 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

类似QQ,MSN,旺旺等在线/离线聊天图标的实现

阅读更多

在我们开发Web应用中,经常会碰到这样的需求,在商品或推荐的栏目旁放置一个我们自己开发的聊天工具的在线/离线图标,方便访客和我们联系,本文不讲如何嵌入QQ,MSN等图标,因为这个只是一段A标签而已,在他们各自的网站上有详细的嵌入方法介绍,本文主要讲解他们的实现方式,主要分为以下几步:

  1. 设计嵌入图标的代码,我这里设计使用不常用的samp标签,如果这个标签您作为其他用途,请用ignore=true设置其属性,如我在页面的任何地方放入以下代码:
    <samp username="admin"></samp>
    <samp username="neirong"></samp>
    <samp username="meigong"></samp>
    <samp ignore=true>被忽略的</samp>
     经过我嵌入的js替换后的效果如下:,表示admin目前在线,其他用户不在线,最后一个标签将会被忽略
  2. 事件处理,可以基于DOM动态绑定,如我点击admin,则出现聊天对话框,如下:
  3. 这样我们就完全实现了在线/离线图标处理,在线聊天的目的了,客户端只要简单的嵌入samp标签,指定username即可。
  • 大小: 3.3 KB
  • 大小: 19.6 KB
1
0
分享到:
评论

相关推荐

    兼容在线/离线身份证读卡插件Windows PC 端SDK

    内容概要: 通用型二代身份证读卡器驱动,适应大部分身份证读取设备。适用离线机型:新中新、神思(SS628(100))中控读卡器。...3、WEBSocket 接口、DLL接口、JS接口、有样例源代码,离线文档、在线文档

    类似QQ的跨局域网聊天工具--支持离线

    类似QQ2005的聊天工具,可以实现点对点跨局域网聊天、添加好友(前两者都支持离线)、发送文件(该功能还有点bug,希望高手能解决掉).该软件我花了2个月的时间,不过毕竟是自己练习的东西,所以没做那么强大,连接...

    韩顺平ajax webqq离线聊天程序

    "webqq"则表明该程序模拟了QQ的在线聊天体验,但通过Web界面实现,用户可以在浏览器中进行聊天,无需安装额外的客户端软件。"离线聊天"暗示了程序可能包含离线消息存储和发送的功能,使得用户在网络不稳定或者离线时...

    QQ客服网页在线离线代码

    QQ客服网页在线离线代码是一种常见于网站中的交互功能,它允许访客通过网页直接与网站的客服人员进行即时通讯,提升用户体验并提高服务质量。在本文中,我们将深入探讨这一技术,包括其工作原理、实现方式以及如何将...

    qq旋风离线下载图标怎么点亮.docx

    QQ旋风离线下载图标是QQ旋风软件中的一项功能标识,它代表用户拥有离线下载的权限。离线下载允许用户在不占用本地网络资源的情况下,由QQ旋风服务器帮助下载文件,待文件下载完成后,用户可以在方便时进行高速下载。...

    C# WPF 状态栏图标特效 类似QQ/MSN的状态栏图标显示 NotifyIcon

    为了模拟QQ/MSN的状态栏效果,可以使用`ShowBalloonTip`方法显示气泡提示: ```csharp ToolTipInfo toolTipInfo = new ToolTipInfo(); toolTipInfo.Text = "欢迎使用!"; toolTipInfo.Title = "我的应用"; ...

    如何点亮qq旋风离线下载图标.doc

    QQ旋风离线下载图标是腾讯QQ旋风客户端的一个特色功能,主要针对会员提供的一种高速、便捷的下载服务。这个图标不仅代表着用户拥有这项服务,同时也显示了用户的活跃度。以下将详细介绍如何点亮、使用以及注意事项。...

    QQ在线隐身离线未启用查询

    QQ在线隐身离线未启用查询是一项关于QQ即时通讯软件的功能探讨。在QQ的众多功能中,用户可以选择在线、隐身或离线状态,以控制自己在好友列表中的可见性。这个功能使得用户能够在不打扰他人或者保护隐私的情况下使用...

    QQ与MSN的在线聊天代码

    ### QQ与MSN的在线聊天代码知识点详解 #### 一、QQ在线聊天代码解析 QQ作为中国最流行的即时通讯工具之一,提供了多种方式让用户之间进行沟通交流。其中,通过嵌入网页的在线聊天代码是一种常见的应用形式,可以让...

    qq旋风离线下载图标要怎么点亮.docx

    qq旋风离线下载图标要怎么点亮.docx

    自定义单个QQ在线、离线图片样式代码

    自定义单个QQ在线、离线状态图片样式代码

    python实现类似于QQ或MSN的聊天系统

    本文将深入探讨如何利用Python的socket模块来实现一个类似于QQ或MSN的聊天系统,包括新用户注册、用户登录与退出、聊天服务、在线用户查询以及文件传输服务。 首先,我们需要了解Python中的socket模块。Socket是...

    在线客服代码,自动收缩浮动,QQ客服、在线MSN、旺旺,兼容IE、 FF

    本文将深入探讨“在线客服代码,自动收缩浮动,QQ客服、在线MSN、旺旺,兼容IE、FF”这一主题,以及相关的核心知识点。 首先,"在线客服代码"是指用于构建这种系统的编程代码,通常包括HTML、CSS和JavaScript等前端...

    QQ消息离线浏览

    QQ消息离线查看: 当你的QQ密码丢失后,很多网友信息,还有网友聊天的信息全部丢失。如果发生这种情况怎么办? 本软件可以帮你解决这个问题。 你点击“QQ Path”,选择“QQ.exe”路径,启动QQ,这时你随便...

    韩顺平Ajax技术-WEB版QQ多人聊天,带离线留言功能webqq.zip

    描述中的"韩顺平Ajax技术-WEB版QQ多人聊天,带离线留言功能webqq"进一步确认了这是一个以Ajax技术为核心的课程实践,目标是创建一个类似于腾讯QQ的网络聊天平台,而且该平台在用户离线时能够保存并传递留言。...

    在线QQ、旺旺等图标素材

    psd格式的在线QQ、旺旺图标,各种风格,设计网站必备素材

    类似QQ、MSN消息提示

    在IT行业中,尤其是在软件开发领域,创建一个类似QQ或MSN的消息提示功能是一项常见的需求。这种功能可以在用户不离开当前工作界面的情况下,通过任务栏显示新消息的通知,提高用户体验。在这个场景下,我们将主要...

    离线挂qq网站源码

    离线挂QQ网站源码是一种在线服务,允许用户在不打开电脑或浏览器的情况下,通过特定的网站平台保持QQ账号的在线状态。这种源码通常由编程人员编写,使用各种编程语言如PHP、JavaScript、HTML和CSS等构建。下面将详细...

    QQ离线截图工具仿QQ离线截图工具

    仿QQ离线截图工具,不要再为截图而烦恼 跟QQ截图一个样。

    QT灰色头像(类似QQ离线头像)

    在描述中提到的"QT灰色头像(类似QQ离线头像)",指的是在QT环境中,如何将正常的彩色头像转换为类似于QQ离线状态时显示的灰色头像。这种效果通常用于表示用户的状态,比如离线、隐身或者不可用。 在QT中实现这个功能...

Global site tag (gtag.js) - Google Analytics