Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

Amaze UI仿电脑版微信聊天界面代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-08-08
Amaze UI仿电脑版微信聊天界面代码是一款相似率相当高的微信网页版聊天界面样式,当然只是仿了一些基本的东西,不可能像官网那样功能全面。


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>

猜你喜欢...
高级版我买单联盟5.4.1微擎小程序源码 商家加盟区块链源码
多商家微信小程序商城源码 带商家入驻 thinkPHP商城分销拼团源码
微商助理防伪防窜货溯源代理授权查询系统源码
标准版亿恒共享借物系统1.1.4微信小程序 租赁共享借物系统源码
O2O全能派单至尊支付版3.0.1上门预约公众号微擎源码
基础版政务预约1.0.0首发微信小程序源码
带小程序分支的万能客服24.1.0无授权无加密
html5仿微信群聊天单独手机网页版带群组群聊
商业版NiuCms智慧城市 智慧生活系统 电商平台 带商家入驻带采集功能
百度小偷 搜索引擎源码 PHP搜索引擎 SEO站群源码二开版
趣投币圈2.0最新版 投资理财实时汇率 专业理财投资平台源码
微信公众号连锁多网点1.3.4版快速买单付款 买单付款会员折扣神器
苹果cmsV10x视频源码 视频图片小说源码带会员带广告位 视频网站源码
校园餐饮配送1.0.1微擎小程序源码 校园餐饮配送服务源码
区块链模式疯狂蚂蚁矿池源码 挖矿首选源码 无加密可打包APP
影视投资理财高效投资项目收益邀请好友分销推广
朋友圈文章赚钱系统AI智能版分享秘笈6.1.8开源
微擎小程序社区拼团商业版麦芒社区团购2.0.66拼团附带三大插件
微擎最新版螃蟹投票功能模块1.8.3.1无加密免授权投票系统源码
支付宝微信银行卡转账系统APP监控带码控使用教程和安装视频教程