jQuery+amaze ui仿电脑端微信网页版聊天界面代码

来源:https://www.sucaihuo.com/js/3831.html 2018-07-26 11:37浏览(2361) 收藏

jQuery+amaze ui仿电脑端微信网页版聊天界面代码,还有很多功能还没有完善,例如对话快捷键,用户切换,表情包发送等等,算是个半成品吧,感兴趣的朋友可以继续完善。
jQuery+amaze ui仿电脑端微信网页版聊天界面代码
分类:其它特效 难易:中级
查看演示 下载资源: 68 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/amazeui.min.js"></script>
<script type="text/javascript" src="js/zUI.js"></script>
<script type="text/javascript" src="js/wechat.js"></script>
<script type="text/javascript">
		//三图标
		window.onload=function(){
			function a(){
				var si1 = document.getElementById('si_1');
				var si2 = document.getElementById('si_2');
				var si3 = document.getElementById('si_3');
				si1.onclick=function(){
					si1.style.background="url(images/icon/head_2_1.png) no-repeat"
					si2.style.background="";
					si3.style.background="";
				};
				si2.onclick=function(){
					si2.style.background="url(images/icon/head_3_1.png) no-repeat"
					si1.style.background="";
					si3.style.background="";
				};
				si3.onclick=function(){
					si3.style.background="url(images/icon/head_4_1.png) no-repeat"
					si1.style.background="";
					si2.style.background="";
				};
			};
			function b(){
				var text = document.getElementById('input_box');
				var chat = document.getElementById('chatbox');
				var btn = document.getElementById('send');
				var talk = document.getElementById('talkbox');
				btn.onclick=function(){
					if(text.value ==''){
			            alert('不能发送空消息');
			        }else{
						chat.innerHTML += '<li class="me"><img src="'+'images/own_head.jpg'+'"><span>'+text.value+'</span></li>';
						text.value = '';
						chat.scrollTop=chat.scrollHeight;
						talk.style.background="#fff";
						text.style.background="#fff";
					};
				};
			};
			a();
			b();
		};
</script>
评论6
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

  • 头像 5楼
    11-21 16:29
    不***我
    赞一个,终于找到个能用的了
  • 头像 4楼
    08-07 09:14
    t***2
    好好学习 天天向上
  • 头像 3楼
    07-28 10:11
    x***n
    如果可以注册帐号 可以在线聊天就好了
  • 头像 板凳
    07-28 08:48
    u***゜
    稍微有点小瑕疵,不过就模仿样子而言,已经很好了。
  • 头像 椅子
    07-27 09:33
    ***g
    赞一个老铁
  • 头像 沙发
    07-26 14:54
    舒***畅
    仿得相当到位啊,值得赞一个。
1 2