html5放手機(jī)微信聊天代碼
這篇文章主要介紹了HTML5如何實(shí)現(xiàn)仿手機(jī)微信聊天界面，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
給大家?guī)淼氖荋TML5仿手機(jī)微信聊天界面，截圖效果如下：
iNow++;
if(num==0){
img[iNow].className += 'imgright';
span[iNow].className += 'spanright';
}else {
img[iNow].className += 'imgleft';
span[iNow].className += 'spanleft';
}
text.value = '';
// 內(nèi)容過多時(shí),將滾動(dòng)條放置到最底端
contentcontent.scrollTop=content.scrollHeight;
}
}
}
</script>
</head>
<body>
<p id="container">
<p class="header">
<span style="float: left;">業(yè)余草:模擬微信聊天界面</span>
<span style="float: right;">14:21</span>
</p>
<ul class="content">
<!-- 歡迎加入qq群：454796847、135430763 -->
</ul>
<p class="footer">
<p id="user_face_icon">
<img src="http://www.xttblog.com/icons/favicon.ico" alt="">
</p>
<input id="text" type="text" placeholder="說點(diǎn)什么吧...">
<span id="btn">發(fā)送</span>
</p>
</p>
</body>
</html>
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“HTML5如何實(shí)現(xiàn)仿手機(jī)微信聊天界面”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持錦卓盛世網(wǎng)，關(guān)注錦卓盛世網(wǎng)業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!