扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本篇内容主要讲解“如何实现HTML仿命令行界面”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何实现HTML仿命令行界面”吧!
在富源等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站设计制作、成都网站制作 网站设计制作按需策划设计,公司网站建设,企业网站建设,成都品牌网站建设,全网营销推广,成都外贸网站建设,富源网站建设费用合理。
HTML部分
$(document).ready(function(){
$(document).keyup(function(event){
if(event.keyCode==13){
$.ajax({
type:"POST",
url:"ok.php",
data:"code="+$("#in").val(),
success:function(msg){
$("ul").append("
$("ul").append("
$("#in").val("");//清空输入框
$("#text").scrollTop($("#text").scrollTop()+32);//滚动条拉到最下面,显示出输入框
}
});
}
});
$("#in")[0].focus();
});
WechatDos
CSS部分
@charset"utf-8";
body{
background-color:#396DA5;
margin:0px;
padding:0px;
color:#fff;
font:"微软雅黑";
font-size:14px;}
.window{
border:6px#cccoutset;
width:680px;
height:442px;
background-color:#000;
position:absolute;
top:40px;
left:68px;
overflow:hidden}
.title{
background-color:#08246B;
padding:2px;}
#text{
background-color:#000;
border-top:#cccoutset2px;
height:420px;
overflow-y:scroll;}
ul{
margin:0px;
padding:0px;
list-style:none;}
input{
background-color:#000;
border:0;
color:#fff;
outline:none;
/*font-size:12px;*/
width:100%}
到此,相信大家对“如何实现HTML仿命令行界面”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流