HTML5仿手机微信聊天界面

            var iNow = -1;    //用来累加改变左右浮动   

            var icon = document.getElementById('user_face_icon').getElementsByTagName('img');   

            var btn = document.getElementById('btn');   

            var text = document.getElementById('text');   

            var content = document.getElementsByTagName('ul')[0];   

            var img = content.getElementsByTagName('img');   

            var span = content.getElementsByTagName('span');   

            icon[0].onclick = function(){   

                if(num==0){   

                    this.src = arrIcon[1];   

                    num = 1;   

                }else if(num==1){   

                    this.src = arrIcon[0];   

                    num = 0;   

                }                   

            }   

            btn.onclick = function(){   

                if(text.value ==''){   

                    alert('不能发送空消息');   

                }else {   

                    content.innerHTML += '<li><img src="'+arrIcon[num]+'"><span>'+text.value+'</span></li>';   

                    iNow++;   

                    if(num==0){   

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!