`
czpae86
  • 浏览: 720549 次
  • 性别: 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);
	}   	
};
 
分享到:
评论

相关推荐

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

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

    web即时聊天(ajax长轮询方式实现)

    在Web即时聊天场景中,服务器不会立即响应客户端的请求,而是等待一段时间,或者直到有新消息为止。这种方式避免了频繁的请求导致的网络拥堵,同时也降低了服务器负载。 【PHP后台处理】 在这个项目中,PHP可能被...

    nodejs web即时聊天项目

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

    jq 弹框 即时聊天 聊天工具

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

    web版即时通信系统, 仿QQ聊天程序,asp.net源代码

    1. **WebSocket协议**:Web即时通信的关键在于实现实时的双向通信,这在HTTP协议中并不直接支持。WebSocket作为HTML5的一项新特性,为客户端和服务器间提供了长久连接的能力,允许双方实时交换数据,极大降低了延迟...

    sparkweb IM即时聊天源码

    Sparkweb IM即时聊天源码是一款基于Web技术实现的在线聊天工具,主要特点是用户只需要通过浏览器即可进行实时的文字交流,而不支持文件传输...对于希望深入理解Web即时通讯技术的开发者来说,这是一个很好的学习资源。

    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**:...

    java web聊天程序

    在Java Web聊天程序中,Java主要负责服务器端的逻辑处理,如用户认证、消息存储、数据安全等。Java的多线程能力和丰富的库支持使得它可以高效地处理并发连接和网络通信。 2. **Web技术**:在Web聊天程序中,前端...

    基于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配合工作。在本...

    基于web的聊天系统

    这种系统的核心在于将传统的即时通讯功能移植到互联网上,使得用户可以在任何有网络连接的地方进行聊天、发送表情、文件传输等操作,类似于我们熟知的QQ等桌面应用程序。 在构建一个基于Web的聊天系统时,以下几个...

    web网页聊天

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

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

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

    AJAX实现网页即时聊天(PHP版WEBQQ)

    即时聊天是指用户之间能够立即收发消息的在线通信方式。在本项目中,即时聊天功能通过AJAX技术实现在网页上的无缝交互。用户可以随时发送和接收消息,而无需等待整个页面刷新,这大大提升了用户体验。 **PHP...

    WEB在线聊天系统源码

    总结,这个“WEB在线聊天系统源码”项目涉及的技术和知识点包括Web开发、WebSocket实时通信、用户状态管理、消息队列以及前端和后端的交互。开发者可以通过分析源码学习如何构建一个实时、可靠的在线聊天平台。

    网站即时聊天

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

    即时聊天小程序源码

    即时聊天小程序源码是一种基于Web技术实现的轻量级通讯应用,主要应用于移动设备上的微信小程序平台。这个项目已经集成了WebSocket技术,这是一种双向通信协议,使得服务器与客户端能够实现实时、双向的数据交换,...

    即时聊天网站 asp.net+SQL2005

    【即时聊天网站 ASP.NET + SQL2005】是一个基于Web的实时通信系统,它将聊天功能嵌入到网页中,允许用户无需安装额外软件就能进行互动交流。这个项目使用了微软的技术栈,包括ASP.NET作为后端开发框架,SQL Server ...

Global site tag (gtag.js) - Google Analytics