`
czpae86
  • 浏览: 720136 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

web即时聊天有消息头像跳动

 
阅读更多

结合Extjs tree做的.

 

//有消息头像跳动
function jumpyIcon(id, duration){  
	var node = Ext.getCmp('chat-linkmanTree').getNodeById(id);	
	if(node){
		if(isNaN(duration))duration = 800;  
		var iconEl = node.ui.getIconEl();
		var textEl = node.ui.getTextEl();
		var handler = window.setInterval(function(){
			if(node.attributes.flashX == 'x'){//是否跳动的标志
				iconEl.style.marginLeft = "5px"; 
	        	textEl.style.marginLeft = "3px"; 
			}		 	  
	        window.setTimeout(function(){ 	        	
                iconEl.style.marginLeft = ""; 
               	textEl.style.marginLeft = ""; 
               	if(node.attributes.flashX != 'x'){return;}
	        },duration/2);  
	    }, duration);
	}   	
};
 
分享到:
评论

相关推荐

    WebSocket之仿QQWeb即时聊天系统.zip

    配合这两篇博客使用 https://blog.csdn.net/RongLin02/article/details/117945296 https://blog.csdn.net/RongLin02/article/details/117945296 白嫖虽好,创作不易,主要是提供一种思路,多学点技术

    web即时聊天系统.zip

    【标题】:“Web即时聊天系统”是一个实现在线实时通信的平台,它允许用户在网页浏览器中进行类似QQ或微信的对话体验。这个系统的核心特点在于其跨平台的便捷性,无需下载安装任何客户端,只需通过浏览器即可进行...

    web即时聊天工具

    在本项目中,"web即时聊天工具"是基于VS2008(Visual Studio 2008)使用C#语言开发的,并且与SQL Server 2005数据库相结合,实现了一个网页版的即时通讯系统。 1. **C#编程语言**:C#是微软推出的一种面向对象的...

    Java课程设计微仿QQ即时聊天系统

    Java课程设计微仿QQ即时聊天系统是一个典型的项目实践,它涉及到多个Java技术栈的应用,旨在帮助学生或开发者熟悉网络编程、多线程处理以及GUI设计等核心技能。在这个项目中,我们将探讨以下几个关键知识点: 1. **...

    即时聊天WEB版JAVA源码

    综上所述,"即时聊天WEB版JAVA源码"项目涵盖了WebSocket通信、Spring Boot应用开发、前端框架的应用、数据库设计、用户认证、消息处理等多个关键领域,是学习和实践全栈Web开发的好材料。通过理解并分析这些技术点,...

    nodejs web即时聊天项目

    以下是关于这个"nodejs web即时聊天项目"的核心知识点: 1. **Node.js**: Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它允许开发者在服务器端使用JavaScript。Node.js利用异步、事件驱动的I/O模型,使...

    jq 弹框 即时聊天 聊天工具

    即时聊天应用通常需要JavaScript来处理用户输入、发送和接收消息、更新聊天界面等任务。 在压缩包内的“liaotian”很可能包含了整个聊天工具的源代码文件,包括HTML(页面结构)、CSS(样式定义)、JavaScript...

    Python-即时通讯Python实现web版多人聊天室

    【Python-即时通讯Python实现web版多人聊天室】 在当今数字化时代,即时通讯(Instant Messaging,简称IM)已经成为人们日常沟通的重要工具。本教程将深入探讨如何使用Python语言来实现一个基于Web的多人聊天室。...

    .Net MVC5下SignalR简单web即时聊天小程度

    **标题详解:**".Net MVC5下SignalR简单web即时聊天小程序" SignalR是一个开源库,主要用于.NET开发者,它简化了在ASP.NET应用程序中构建实时、双向通信功能的过程。在这个标题中,我们聚焦的是在.Net MVC5框架下...

    html5 web微信聊天窗口界面模板

    2. **img**:这个文件夹包含了所有用于界面展示的图片资源,可能包括聊天气泡、表情图标、头像图片等。HTML5支持`<img>`标签的`srcset`属性,可以根据设备像素比加载不同分辨率的图片,提高用户体验。 3. **js**:...

    基于openfire的web在线聊天源码

    【基于openfire的web在线聊天源码】是一个实现网页端即时通讯系统的开源项目,它利用了Openfire服务器作为后台支持,提供了丰富的功能,包括联系人分组、群聊、在线状态修改、群成员邀请、设置群管理员以及踢人等,...

    基于HTML+CSS+PHP+JS+MySQL的web端即时聊天软件源码+使用说明+sql数据库.tar

    基于HTML+CSS+PHP+JS+MySQL的web端即时聊天软件源码+使用说明+sql数据库.tar基于HTML+CSS+PHP+JS+MySQL的web端即时聊天软件源码+使用说明+sql数据库.tar基于HTML+CSS+PHP+JS+MySQL的web端即时聊天软件源码+使用说明+...

    基于jsp技术的仿webqq聊天系统

    在Webqq聊天系统中,WebSocket扮演着重要角色,它使得用户之间的消息传输无需反复发起HTTP请求,显著降低了延迟,提高了聊天的即时性。 Servlet是Java Web应用程序中处理请求的后端组件,通常与JSP配合工作。在本...

    HTML5 WebSocket+Tomcat实现真●Web版即时聊天室(单人+多人).zip

    HTML5 WebSocket+Tomcat实现真●Web版即时聊天室(单人+多人).zip HTML5 WebSocket+Tomcat实现真●Web版即时聊天室(单人+多人).zip HTML5 WebSocket+Tomcat实现真●Web版即时聊天室(单人+多人).zip ...

    web网页聊天

    WebSocket提供双向通信,允许服务器主动推送消息到客户端,使聊天体验更加即时。 7. **错误处理**:在Ajax请求过程中可能出现网络问题或服务器错误,因此需要设置错误处理回调,以显示错误信息或重试请求。 综上所...

    Web微信聊天室

    好友头像卡的设计增加了聊天的个性化元素,使每个联系人都有独特的视觉标识。此外,模拟微信朋友圈功能的引入,让用户可以在平台上分享生活点滴、心情感悟,增强了社区的互动性和社交性。 技术层面,这个聊天室的...

    基于Vue和Javascript的IM即时聊天Web应用设计源码

    基于Vue和Javascript的IM即时聊天Web应用设计源码,该项目包含116个文件,主要文件类型有40个vue前端文件,以及30个javascript文件。此外,还包括22个png图像文件,以及4个jpg图像文件。该项目是一个基于Vue和...

    微信小程序websocket实现即时聊天功能

    在Web开发中,WebSocket常用于实现即时通讯功能,如在线聊天、股票行情更新、游戏同步等。微信小程序作为轻量级的应用平台,也支持WebSocket API来实现实时聊天功能。 在微信小程序中,WebSocket的使用步骤大致如下...

    即时聊天系统 http浏览器端

    在这个即时聊天系统中,HTTP可能被用作基础通信协议,尽管对于即时消息,HTTP的非持久连接特性可能不够理想,因此可能结合了其他技术,如上述的WebSockets,来实现更高效的数据推送。 “后台管理”标签意味着系统...

    网站即时聊天

    总结来说,“网站即时聊天”项目涉及了即时通讯原理、Web开发技术、数据库管理和网络安全等多个方面的知识。通过学习和分析这个源码,开发者可以深入了解如何利用VS2005和SQL Server 2000构建一个实时的、功能完善的...

Global site tag (gtag.js) - Google Analytics