论坛首页 Web前端技术论坛

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

浏览 6649 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-04-05  

结合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);
	}   	
};
 
   发表时间:2012-04-07  
为什么木有金币了....
0 请登录后投票
   发表时间:2012-04-08   最后修改:2012-04-08
最终效果是什么样的?发一张效果图出来吧
0 请登录后投票
   发表时间:2012-04-08  
maoweiwer 写道
最终效果是什么样的?发一张效果图出来吧


就是头像闪动



  • 大小: 76.4 KB
0 请登录后投票
   发表时间:2012-04-08  
不喜欢EXTJS。。。
0 请登录后投票
   发表时间:2012-04-09  
web即时聊天有消息头像跳动
0 请登录后投票
   发表时间:2012-04-09  
我最近也在使用html5 websocket做一个WEBIM 前端UI使用的EXTJS
0 请登录后投票
   发表时间:2012-09-19  
请问你这个表情是怎么实现的,还有用的是pushlet模式还是实时刷新?能说明下吗?谢谢。有源码参考更好,邮箱:314819378@qqc.onm。谢谢了
0 请登录后投票
   发表时间:2012-09-19  
更正下邮箱:314819378@qq.com
0 请登录后投票
   发表时间:2012-09-19  
最好的方法是用一张GIF的动画图片来做!
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics