日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

js實現微信聊天效果

瀏覽:210日期:2022-06-20 09:56:28

本文實例為大家分享了js實現微信聊天效果的具體代碼,供大家參考,具體內容如下

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <style> *{ margin:0; padding:0; } .box{ width: 250px; height: 400px; border: 1px solid #cccccc; float: left; margin-left: 200px; position: relative; } .fox{ width: 250px; height: 400px; border: 1px solid #cccccc; float: left; margin-left: 200px; position: relative; } .box1{ width: 250px; height: 20px; background: #cdcdcd; line-height: 20px ; text-align: center; } .fox1{ width: 250px; height: 20px; background: #cdcdcd; line-height: 20px ; text-align: center; } .box3{ width: 250px; height: 30px; bottom: 0px ; position: absolute; } .fox3{ width: 250px; height: 30px; bottom: 0px ; position: absolute; } .input1{ width: 200px; height: 28px; } .input2{ width: 40px; height: 30px; } .input3{ width: 200px; height: 28px; } .input4{ width: 40px; height: 30px; } .text1{ overflow: scroll; overflow-x: hidden; overflow-y: visible; height: 350px; } .text2{ overflow: scroll; overflow-x: hidden; overflow-y: visible; height: 350px; } </style></head><body> <div class='box'> <div class='box1'>AAAAAAAA</div> <div class='text1'></div> <div class='box3'> <input type='text'> <input type='button' value='發送'> </div> </div> <div class='fox'> <div class='fox1'>BBBBBBBB</div> <div class='text2'></div> <div class='fox3'> <input type='text'> <input type='button' value='發送'> </div> </div> <script> var oIpt1=document.getElementsByClassName('input1')[0]; var oIpt3=document.getElementsByClassName('input3')[0]; var oIpt2=document.getElementsByClassName('input2')[0]; var oIpt4=document.getElementsByClassName('input4')[0]; var oText1=document.getElementsByClassName('text1')[0]; var oText2=document.getElementsByClassName('text2')[0]; oIpt2.onclick=function () { var newDate=new Date(); var oHouer=newDate.getHours(); var oMinutes=newDate.getMinutes(); var oSecond=newDate.getSeconds(); var oDiv1=document.createElement('div') var oDiv2=document.createElement('div') var oDiv3=document.createElement('div') var oDiv4=document.createElement('div') oDiv1.style.textAlign='right' oDiv2.style.textAlign='left' oDiv3.style.textAlign='center' oDiv4.style.textAlign='center' oText1.appendChild(oDiv3); oText1.appendChild(oDiv1); oText2.appendChild(oDiv4) oText2.appendChild(oDiv2); oDiv3.innerHTML=oHouer+'時'+oMinutes+'分'+oSecond+'秒' oDiv4.innerHTML=oHouer+'時'+oMinutes+'分'+oSecond+'秒' oDiv1.innerHTML=oIpt1.value; oDiv2.innerHTML=oIpt1.value; oIpt1.value='' } oIpt4.onclick=function () { var newDate=new Date(); var oHouer=newDate.getHours(); var oMinutes=newDate.getMinutes(); var oSecond=newDate.getSeconds(); var oDiv1=document.createElement('div') var oDiv2=document.createElement('div') var oDiv3=document.createElement('div') var oDiv4=document.createElement('div') oDiv1.style.textAlign='center' oDiv2.style.textAlign='center' oDiv3.style.textAlign='right' oDiv4.style.textAlign='left' oText2.appendChild(oDiv1); oText1.appendChild(oDiv2); oText2.appendChild(oDiv3); oText1.appendChild(oDiv4); oDiv1.innerHTML=oHouer+'時'+oMinutes+'分'+oSecond+'秒' oDiv2.innerHTML=oHouer+'時'+oMinutes+'分'+oSecond+'秒' oDiv3.innerHTML=oIpt3.value; oDiv4.innerHTML=oIpt3.value; oIpt3.value='' } </script></body></html>

為大家推薦現在關注度比較高的微信小程序教程一篇:《微信小程序開發教程》小編為大家精心整理的,希望喜歡。

希望本文所述對大家學習javascript程序設計有所幫助。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: 微信
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
日韩精品视频一区二区三区| 久久免费黄色| 夜夜嗨av一区二区三区网站四季av| 亚洲天堂成人| 亚洲一区二区三区四区五区午夜| 福利精品在线| 激情视频一区二区三区| 久久亚洲美女| 国产精品天堂蜜av在线播放| 麻豆视频在线观看免费网站黄 | 久久精品亚洲一区二区| 国产一区二区三区日韩精品| 久久国产主播| 在线免费观看亚洲| 91麻豆精品| 日韩av免费大片| 亚洲特色特黄| 91伊人久久| av免费不卡国产观看| 黄色成人在线网址| 欧美专区一区| 免费污视频在线一区| 免费看日韩精品| 九九久久国产| 日韩视频中文| 麻豆久久一区| 日韩一区二区免费看| 国产极品久久久久久久久波多结野| 日韩高清中文字幕一区二区| 中文字幕免费一区二区| 国产精品久久久久av蜜臀| 久久亚洲国产| 国产亚洲电影| 在线日韩中文| 国产精品一区二区精品视频观看| 国产精品88久久久久久| 国产激情精品一区二区三区| 欧美日韩少妇| 精品国产美女a久久9999| 天堂成人国产精品一区| 久久亚洲黄色| 在线观看视频免费一区二区三区| 亚洲精品韩国| 国产99久久| 国产精品手机在线播放| 99热免费精品| 高潮一区二区| 欧美一级二级三级视频| 精品1区2区3区4区| 欧美国产偷国产精品三区| 亚洲三级精品| 婷婷综合激情| 午夜av不卡| 欧美激情aⅴ一区二区三区 | 国产精品久久久久久妇女| 不卡视频在线| 麻豆视频久久| 日韩一区二区三区高清在线观看| 99精品在线观看| 久久中文精品| 国产麻豆一区二区三区精品视频| 亚洲综合三区| 999精品在线| 日韩成人精品一区| 国产精品一区二区三区四区在线观看| 巨乳诱惑日韩免费av| 亚洲网站视频| 人在线成免费视频| 欧美国产日韩电影| 日本视频一区二区| 最新国产精品久久久| 久久伦理在线| 国产精品99一区二区三| 欧美国产日韩电影| 久久精品超碰| 91亚洲精品在看在线观看高清| 日韩视频一区| 欧美 日韩 国产一区二区在线视频 | 欧美在线日韩| 免费日韩视频| 在线亚洲成人| 精品一区免费| 久久久精品五月天| 亚洲一级少妇| a国产在线视频| 成人精品国产亚洲| 精品一区二区三区亚洲| 国产激情欧美| 欧美国产极品| 麻豆精品在线视频| 久久av影院| 美腿丝袜亚洲三区| 国产精品色在线网站| 国产精品伊人| 国产福利一区二区精品秒拍| 国产精品一级在线观看| 欧美三级第一页| 国产福利资源一区| 麻豆成人91精品二区三区| 国产伦理一区| 精品国产中文字幕第一页| 超碰在线99| 午夜精品久久久久久久久久蜜桃| 日韩欧美三级| 性欧美69xoxoxoxo| 日韩中文欧美在线| 日韩国产在线一| 国产精品一区免费在线| 久久99精品久久久野外观看| 国产一区二区三区不卡视频网站| 国产精品yjizz视频网| 高潮一区二区| 亚洲一区二区三区高清不卡| 日本亚洲欧洲无免费码在线| 国产亚洲一区二区三区不卡| 精品一区视频| 1000部精品久久久久久久久| 日韩中文字幕不卡| 国产乱人伦丫前精品视频 | 久久狠狠久久| 国产一区一一区高清不卡| av高清一区| 免费日韩av片| 国产毛片久久久| 日韩中文欧美| 蜜桃91丨九色丨蝌蚪91桃色| 国产日本亚洲| 国产精品精品国产一区二区| 激情久久婷婷| 日韩激情中文字幕| a天堂资源在线| 石原莉奈一区二区三区在线观看| 国产亚洲久久| 丝袜美腿诱惑一区二区三区| 日韩一区精品视频| 久久亚洲黄色| 亚洲专区欧美专区| 久久精品国产福利| 中文亚洲免费| 精品国产麻豆| 中文字幕日本一区二区| 高清日韩中文字幕| 99视频在线精品国自产拍免费观看| 日韩av黄色在线| 99精品综合| 国产精品中文字幕制服诱惑| 99精品视频精品精品视频| 欧美精品观看| 亚洲国产一区二区三区在线播放| 国产美女精品视频免费播放软件| 蜜桃精品在线| 日本色综合中文字幕| 激情综合自拍| 免费在线亚洲| 一区二区电影| 丝袜av一区| 国产精品成人自拍| 99视频一区| 水蜜桃久久夜色精品一区| 亚洲精品美女91| 欧美一区二区三区高清视频| 国产精品第一| 婷婷精品在线| 婷婷亚洲综合| 在线看片国产福利你懂的| 69堂精品视频在线播放| 日韩一区二区久久| 久久男人av资源站| 国产精品4hu.www| 蜜桃视频一区二区| 激情偷拍久久| 一区二区精品伦理...| 91成人在线网站| 免费人成黄页网站在线一区二区| 久久久国产亚洲精品| 精品福利久久久| 国产精品免费99久久久| 日本麻豆一区二区三区视频| 男女激情视频一区| 国产精品人人爽人人做我的可爱| 日韩在线免费| 黑森林国产精品av| 久久精品一区二区国产| 国产伦精品一区二区三区在线播放| 首页欧美精品中文字幕| 婷婷综合五月| 日韩精品影视| 九九99久久精品在免费线bt| 日本一区二区三区中文字幕| 美女91精品| 免费日韩av片| 久久国产高清| 午夜亚洲一区| 视频在线观看国产精品| 噜噜噜躁狠狠躁狠狠精品视频| 欧美高清不卡| 不卡av一区二区| 在线国产一区| 日韩午夜av| 亚洲综合精品四区|