HTML仿DOS界面百度收录查询代码

HTML仿DOS界面百度收录查询代码 第1张

<!DOCTYPE html>  <head>  <meta charset="utf-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-scale=1">  <title>百度收录查询工具</title>  <style type="text/css">  	@charset "utf-8";body{background-color:#396DA5;margin:0;padding:0;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:0;padding:0;list-style:none}  	input{background-color:#000;border:0;color:#fff;outline:0;width:100%}  </style>  <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>  <script>  $(document).ready(function(){    $(document).keyup(function(event){  	if(event.keyCode ==13){    	  $.post('https://api.uomg.com/api/entry.baidu', {domain:$("#in").val()}, function(data, textStatus, xhr) {  	  		//将输入的输出到界面  		    $("ul").append("<li>"+$("#in").val()+"</li>");    		    //获取返回值并输出  		    $("ul").append("<li>查询域名:"+data.domain+"</li>");   		    $("ul").append("<li>收录数量:"+data.data+"</li>");     		    //清空输入框            		    $("#in").val("");             		    //滚动条拉到最下面,显示出输入框                      		    $("#text").scrollTop($("#text").scrollTop()+32);  	  },'json');  	}    });    $("#in")[0].focus();  });  </script>  </head>     <body>  	<div class="window">          <div class="title">              <img src="https://www.aeink.com/content/templates/emlog_dux/favicon.ico" width="15px">              <span>Wechat Dos 九牛网 jnsys.cn</span>          </div>          <div id="text">          	<ul>              	<li>欢迎体验百度收录查询工具</li>              	<li>请输入要查询的域名:</li>              </ul>              <input type="text" name="" id='in'>          </div>  	</div>  </body>  </html>


保存没html格式即可

Tips:本文仅代表作者观点,不代表本站立场。如侵犯到您的合法权益,请联系我们删除侵权资源! 如您遇到资源链接失效,请您通过评论或工单的方式通知管理员! 未经许可,不得转载。
九牛网 » HTML仿DOS界面百度收录查询代码

发表评论

欢迎 访客 发表评论

定制开发服务!

技术支持 联系我们
注册
用户名
密码
确认密码
邮箱
验证码
找回密码
用户名
邮箱
※ 重置链接将发送到邮箱