这次给大家带来怎样实现html的仿命令行界面，实现html的仿命令行界面的注意事项有哪些，下面就是实战案例，一起来看一下。
HTML部分
WeChat Manager $(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("
@@##@@ Wechat Dos
- Welcome...
- login:
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%}
相信看了这些案例你已经掌握了方法，更多精彩请关注创想鸟其它相关文章！
相关阅读：
立即学习“前端免费学习笔记（深入）”；
怎样让textarea文本域宽度和高度width及height自动适应
html超级链接a的click事件之后跳转href所指向的地址
以上就是怎样实现HTML的仿命令行界面的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1545788.html
微信扫一扫 
支付宝扫一扫 
