HTML仿命令行界面具体实现_HTML/Xhtml_网页制作

来源：动视网责编：小采时间：2020-11-27 16:48:00

HTML仿命令行界面具体实现_HTML/Xhtml_网页制作

HTML仿命令行界面具体实现_HTML/Xhtml_网页制作:HTML部分代码如下: WeChat Manager $(document).ready(function(){ $(document).keyup(function(event){ if(event.keyCode ==13){ $.ajax({ type: POST, url: ok.php, data: code=+$

推荐度：

点击下载本文 文档为doc格式

导读HTML仿命令行界面具体实现_HTML/Xhtml_网页制作:HTML部分代码如下: WeChat Manager $(document).ready(function(){ $(document).keyup(function(event){ if(event.keyCode ==13){ $.ajax({ type: POST, url: ok.php, data: code=+$

HTML部分

代码如下:

WeChat Manager

输出到界面
$("ul").append("

"+msg+"

"); //获取返回值并输出
$("#in").val(""); //清空输入框
$("#text").scrollTop($("#text").scrollTop()+32);//滚动条拉到最下面，显示出输入框
}
});
}
});
$("#in")[0].focus();
});

Wechat Dos

Welcome...

CSS部分

代码如下:
@charset "utf-8";
body {
background-color:#396DA5;
margin:0px;
padding:0px;
color:#fff;
font:"微软雅黑";
font-size:14px;}
.window {
border:6px #ccc outset;
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:#ccc outset 2px;
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仿命令行界面具体实现_HTML/Xhtml_网页制作

推荐度：

点击下载本文 文档为doc格式

标签： html 网页制作实现html

热门焦点

HTML仿命令行界面具体实现_HTML/Xhtml_网页制作

HTML仿命令行界面具体实现_HTML/Xhtml_网页制作

HTML仿命令行界面具体实现_HTML/Xhtml_网页制作

最新推荐

猜你喜欢

热门推荐