网站域名出售倒计时页面html简单大气-盛大互联

本地下载

部分代码

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><!-- This web page is copied by the "g" --><head><meta charset="utf-8">
<title>Facerig.com域名出售</title>
<meta name="description" content="Facerig.com域名出售">
<meta name="keywords" content="888"> 

 
<style>
body {line-height: 1.6; background-color: #fff;}
body, th, td, button, input, select, textarea { font-family: &quot;Microsoft Yahei&quot;,&quot;Hiragino Sans GB&quot;,&quot;Helvetica Neue&quot;,Helvetica,tahoma,arial,Verdana,sans-serif,&quot;WenQuanYi Micro Hei&quot;,&quot;\5B8B\4F53&quot;; font-size: 12px; color: #666;    -webkit-font-smoothing: antialiased;   -moz-font-smoothing: antialiased;}
html, body {   height: 100%;}
html, body, h0, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {    margin: 0;    padding: 0;}
.banner1 h0 {
  margin: 0;
  height: 28px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 1000;
  font-size: 40px;
  line-height: 28px;
  color: #FFFFFF;
  margin-bottom: 8px;
} 
.wrap{ margin: 0px auto;min-width: 990px;max-width: 1190px}
.banner1{ background:url(img/banner_jiaoyi.jpeg) no-repeat 50% top; margin:0 auto; height: 343px; text-align: center}
.main-out{  margin:0 auto;padding:0 0 20px 0}
.orangebtn{background-color: #ff8400; display: inline-block; padding: 0px 20px; color: #fff; height:50px;line-height: 50px;font-size: 18px; border-radius: 3px;margin-top: 20px}
.orangebtn:hover{color: #fff;background-color: #f16600; }
.banner1 h9{font-size:48px; color: #CC3333;font-family: Tahoma, sans-serif;padding: 60px 0 20px 0}
.banner1 h1{font-size:48px; color: #feff07;font-family: Tahoma, sans-serif;padding: 60px 0 20px 0}
.banner1 p{color: #fff;font-size: 20px;}
.domain-con{ padding: 20px 50px;position: relative;}
.left{ background: #f6f6f6 url(img/jiaoyixq_jiaoyi.jpeg) no-repeat left top; height:100%;  width: 100%; margin-right: 320px;font-size: 16px}
.domainout{ padding: 50px 380px 50px 100px}
.domainout p{ line-height: 50px;}
.domainout p span{ display: inline-block; width: 120px; text-align: right;margin-right: 5px}
strong.red{color: #ff7e00;font-size: 24px}
.right{background-color: #2780d9;height:100%; width: 320px;position: absolute; right: 50px;top: 0; color: #fff; padding:0px 20px 0px 20px;font-size: 16px}
.right h2{color: #fff; border-bottom: 1px solid #1071d2; height: 56px; line-height: 56px; font-size: 20px; text-align: center}
.imgpic{ padding: 25px 0 20px 0}
.contact{margin-left: 50px}
.contact p{line-height: 40px}
a{text-decoration: none;}
.text-c{text-align:center;}
</style>
</head>

<body>
<div class="banner-out">
<div class="banner1">
<div class="wrap">
    <p>您所访问的域名正在出售！<br></p>
<h1>Facerig.com</h1>

   		<h0><div id="countDown"></div>
		<script type="text/javascript">
			function countDown(time) {
				var nowTime = +new Date(); //使用“+”运算符转换为数值型
				var inputTime = +new Date(time);
				if (nowTime <= inputTime) {
					var times = (inputTime - nowTime) / 1000;  //毫秒数，换算成秒
					var dd = parseInt(times / 60 / 60 / 24);  //剩余天数
					dd = dd < 10 ? '0' + dd : dd;
					var hh = parseInt(times / 60 / 60 % 24);  //剩余小时数
					hh = hh < 10 ? '0' + hh : hh;
					var mm = parseInt(times / 60 % 60);    //剩余分钟数
					mm = mm < 10 ? '0' + mm : mm;
					var ss = parseInt(times % 60);       //剩余秒数
					ss = ss < 10 ? '0' + ss : ss;
					document.getElementById("countDown").innerHTML= "倒计时："+dd+'天'+hh+'时'+mm+'分'+ss+'秒';
				} else {
					clearInterval(countTime);
					document.getElementById("countDown").innerHTML = "活动已结束";
				}
			}
				var countTime=setInterval("countDown('2023-12-30 00:00:00')",1000);
		</script></h0>

   </div>
</div>
</div>
<div class="main-out ">
<div class="wrap ">
<div class="domain-con">
<div class="left">
<div class="domainout">
    
		<p><span>域名：</span>Facerig.com</p>
        <p><span>交易类型：</span>一口价</p>
        <p><span>售价：</span><strong class="red">1080</strong></p>
        <p><span>简介：</span>【VIP】精品域名</p><!--显示倒计时的区域-->

<p><span></span><a href="https://www.itxmt.com/i" class="orangebtn" target="_blank">立即购买（Buy it !）</a></p>
</div>
</div>
<div class="right">
<h2>联系域名所有人购买</h2>
<div class="imgpic text-c">
<img src="http://q2.qlogo.cn/headimg_dl?dst_uin=7491161&spec=100" alt="域名所有人：天机">
<p class="mt-10">域名所有人：天机</p>
</div>
<div class="contact">
<p>QQ： 0000000</p>
<p>电话：135-XXXX-XXXX </p>
<p>邮箱：000000@qq.com</p>
</div>
</div>
</div>
 </div>

</div>


 </body></html>