@爱特,你需要把你现有的html源代码给我,因为我只会点html和css,其它啥都不懂
米婊http://ooe.pw精品域名出售Dark's Bloghttps://ii.doYes , I do淘宝优惠券http://www.ii.do省钱实惠购物
{{define "index/index"}}
<html>
<head>
<title>{{.title}}</title>
<style type="text/css">
.st1 {
padding: 4px;
}
.st1 input {
color: gray;
padding: 5px;
}
.st2 {
padding: 4px;
cursor: pointer;
border-radius: 7px;
padding-bottom: 3px;
margin: 0px 0px 1px 7px;
background-color: #800000;
border-right: 2px solid #B22222;
border-bottom: 3px solid #B22222;
}
.head {
padding: 7px;
background-color: #69badc;
border-right: 3px solid #2cb1e2;
border-bottom: 4px solid #2cb1e2;
}
.boot {
padding: 8px;
background-color: #23aee9;
border-right: 2px solid #006ec3;
border-bottom: 3px solid #006ec3;
}
</style>
<script type="text/javascript">
function check() {
var d = document.getElementById('domain');
var c = document.getElementById('content');
var s = document.getElementById('subdata');
if (d.value.length < 4) {
alert('Empty !');
} else {
s.style.color = "red";
c.style.color = "red";
c.innerHTML = "Loading ....";
c.style.margin = "2px 1px 4px 1px";
c.style.border = "1px dotted orange";
whois();
}
}
function whois() {
var x = new XMLHttpRequest;
var d = document.getElementById('domain');
var c = document.getElementById('content');
var s = document.getElementById('subdata');
x.open("GET", "?ajax&domain=" + encodeURI(d.value), "true");
x.send();
x.onreadystatechange = function () {
if (x.readyState === 4 && x.status === 200) {
s.style.color = "";
c.style.color = "grey";
c.innerHTML = x.responseText;
}
}
}
function init1() {
var u = '{{.query_url}}';
var d = document.getElementById('domain');
if (u.indexOf('domain=') === -1) {
return false;
}
v = u.split('domain=');
if (v[1].length < 4) {
return false;
}
d.value = decodeURI(v[1]);
check();
}
function enter() {
if (event.keyCode === 13) {
check();
}
}
</script>
</head>
<body onload="init1()">
<div class="head">爱特 WHOIS 查询,让查询更简单(<a href="https://github.com/xiaoqidun/whois" target="_blank">全平台命令行客户端</a>)
</div>
<div class="st1">
<label for="domain">顶域或IP:</label><input id="domain" type="text" onkeydown="enter()">
<span id="subdata" onclick="check()" class="st2">查询</span>
</div>
<div id="content"></div>
<div class="boot">CopyRight © 2014-{{.next_year}} whois.aite.xyz All Rights Reserved</div>
</body>
</html>
{{end}}
@爱特,我直接套的我那css,颜色什么的你自己改改就好了,js那些输出内容的我就看不懂了
{{define "index/index"}}
<html>
<head>
<title>{{.title}}</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html,body {
margin: 0 auto;
background-color: #FFC1C1;
}
.main {
color: #fff;
text-align: center;
padding: 4.5rem 0 2rem 0;
margin: 0 auto;
}
.logo {
font-size: 2.5rem;
color: #ff6a6a;
padding: 0 0 3rem 0;
text-shadow: #000 0.1rem 0.1rem 0.2rem;
}
.search>* {
display: inline-block;
outline: none;
}
.search>input {
height: 2.2rem;
width: 60%;
padding: 0 0.5rem;
background: #fff;
color: #ff6262;
font-size: 1rem;
margin-right: -0.5rem;
border-radius: 0.3rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border: 0.065rem solid #ddd;
border-right: 0;
vertical-align: top;
box-sizing: border-box;
box-shadow: 0 0.5rem 0.5rem 0 rgba(0,0,0,0.24),0 1rem 1rem 0 rgba(0,0,0,0.19);
}
.search>input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
position: relative;
height: 1rem;
width: 1rem;
border-radius: 50%;
background: #ebebeb no-repeat center;
}
.search>input::-webkit-input-placeholder {
text-align: left;
}
.search>button {
height: 2.2rem;
width: 12%;
color: #fff;
background: #fa6262;
border-radius: 0.3rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0;
border: 0.065rem solid #fa6262;
box-shadow: 0.2rem 0.5rem 0.5rem 0rem rgba(0,0,0,0.24),0 1rem 1rem 0 rgba(0,0,0,0.19);
font-size: 1.1rem;
}
.boot {
padding: 3rem;
}
@media(min-width:768px) {
.main {
padding: 6.5rem 0 3.5rem 0;
width: 45rem;
}
.logo {
font-size: 3rem;
padding: 0rem 0 4rem 0;
}
.search>input {
height: 2.5rem;
width: 50%;
font-size: 1rem;
}
.search>input[type=search]::-webkit-search-cancel-button {
height: 1.2rem;
width: 1.2rem;
}
.search>button {
height: 2.5rem;
width: 9%;
padding: 0.5rem;
font-size: 1.2rem;
}
}
</style>
<script type="text/javascript">
function check() {
var d = document.getElementById('domain');
var c = document.getElementById('content');
var s = document.getElementById('subdata');
if (d.value.length < 4) {
alert('Empty !');
} else {
s.style.color = "red";
c.style.color = "red";
c.innerHTML = "Loading ....";
c.style.margin = "2px 1px 4px 1px";
c.style.border = "1px dotted orange";
whois();
}
}
function whois() {
var x = new XMLHttpRequest;
var d = document.getElementById('domain');
var c = document.getElementById('content');
var s = document.getElementById('subdata');
x.open("GET", "?ajax&domain=" + encodeURI(d.value), "true");
x.send();
x.onreadystatechange = function () {
if (x.readyState === 4 && x.status === 200) {
s.style.color = "";
c.style.color = "grey";
c.innerHTML = x.responseText;
}
}
}
function init1() {
var u = '{{.query_url}}';
var d = document.getElementById('domain');
if (u.indexOf('domain=') === -1) {
return false;
}
v = u.split('domain=');
if (v[1].length < 4) {
return false;
}
d.value = decodeURI(v[1]);
check();
}
function enter() {
if (event.keyCode === 13) {
check();
}
}
</script>
</head>
<body onload="init1()">
<div class="main">
<div class="logo">爱特 WHOIS
</div>
<div class="search">
<input id="domain" type="text" onkeydown="enter()">
<button id="subdata" onclick="check()" class="st2">查询</button>
</div>
<div id="content"></div>
<div class="boot">CopyRight © 2014-{{.next_year}} whois.aite.xyz All Rights Reserved</div>
</div>
</body>
</html>
{{end}}
米婊http://ooe.pw精品域名出售Dark's Bloghttps://ii.doYes , I do淘宝优惠券http://www.ii.do省钱实惠购物pre {
background-color: RGB(0,0,0,0.5);
line-height: 1.5rem;
text-align: left;
padding: 0 1rem;
margin: 3rem 1rem 0 1rem;
font-size: 0.8rem;
color: #fff;
white-space: pre-wrap!important;
word-wrap: break-word!important;
*white-space: normal!important;
border-radius: 0.5rem;
overflow: hidden;
font-family: Arial,Helvetica,sans-serif;
box-shadow: 0 0.5rem 0.5rem 0 rgba(0,0,0,0.24),0 1rem 1rem 0 rgba(0,0,0,0.19);
}
米婊http://ooe.pw精品域名出售Dark's Bloghttps://ii.doYes , I do淘宝优惠券http://www.ii.do省钱实惠购物[聊天-网站建设_网页设计] a676774305:安装双系统,这里该选哪一个呢?就是该选几号图吖? 已经安装好了WIN 7系统,正在安装第二个Ubun…
@爱特,
我这个PHP的
http://woe.pw
米婊http://ooe.pw精品域名出售Dark's Bloghttps://ii.doYes , I do淘宝优惠券http://www.ii.do省钱实惠购物