HTML 부분 코드 복사코드는 다음과 같습니다. WeChat 관리자 .css" rel="stylesheet" type="text/css"> <br>< /script> <br><script> <br>$(document).ready(function(){ <br>$(document).keyup(function(event){ <br>if(event.keyCode ==13 ){ <br>$.ajax({ <br>유형: "POST", <br>url: "ok.php", <br>데이터: "code=" $("#in"). val() , <br>성공: function(msg){ <br>$("ul").append("<li>" $("#in").val() "</li>" ); / /인터페이스에 입력 출력<br>$("ul").append("<li>" msg "</li>") //반환 값을 가져와서 출력<br>$ ("#in ").val(""); //입력 상자 지우기<br>$("#text").scrollTop($("#text").scrollTop() 32);// 하단까지 스크롤바, 입력 상자 표시 <br>} <br>}) <br>$("#in")[0].focus(); >}) <br></head> <br><body><br><div class="title "> <br> <img src="css/1.jpg"> <br><span>Wechat Dos</span> <br></div> <br><div id=" text"> <br><ul> <br><li>환영합니다...</li> <br><li>로그인:</li> <br></ul> <br><input type ="text" name="" id='in'> <br></div> <br></body> /html> <br> <br><br>CSS 부분<br><br><br><br><br><br>코드 복사</div> <br><br>코드는 다음과 같습니다.<br><div class="msgheader"> <div class="right">@ charset "utf-8"; <span style="CURSOR: pointer" onclick="copycode(getid('phpcode3'));">body { <u>배경색:#396DA5 </u>여백:0px </span>색상: #fff; </div>글꼴:" Microsoft Yahei"; </div>글꼴 크기:14px;} <div class="msgborder" id="phpcode3">.window { <br>테두리:6px #ccc 시작 <br>너비: 680px; :442px; <br>배경색:#000; <br>위치:절대; <br>왼쪽:68px; <br>숨김} <br> 배경색:#08246B; <br>패딩:2px;} <br>#text { <br>배경색:#000; <br>국경 상단:#ccc 시작 2px; <br>overflow-y:scroll ;} <br>ul { <br>여백:0px; <br>padding:0px; <br>list-style:none;} <br>입력 { <br>배경색 :#000; <br>테두리:0; <br>윤곽:없음 <br>/*font-size:12px;*/ <br>너비:100%} <br><br>렌더링 : <br><br> </div>