好看的域名销售单页

源码直接复制放你网站里,自动获取域名。

< !DOCTYPE HTML>
<html class="index-page">
<head>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-title" content="" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="format-detection" content="telephone=no, address=no" />
<meta name="wap-font-scale" content="no"/>
<title>您正在访问的域名可以转让(出售)!</title>
<meta name="keyword" content="域名转让,域名出售,域名交易,CN域名,域名买卖"/>
<meta name="description" content="域名转让,域名出售,域名交易"/>
<style>
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure,hgroup{margin:0;padding:0;}
input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}li,ol,ul{list-style:none}em,i{font-style:normal}
img{border:0;max-width:100%}
img,input{vertical-align:middle}
a:focus,input:focus{outline:0}
a{color:#353d44;text-decoration:none}
a:active{opacity:.7}
*{outline:0;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;}
html{-webkit-text-size-adjust:none;overflow-y:scroll;display:block;overflow:hidden;height:100%;background:#373e4a;}
body{min-width:320px;line-height:1.5;color:#353535;font-family:"microsoft yahei","黑体","宋体",Tahoma,Verdana,Arial,Helvetica,sans-serif;max-width:680px; overflow:hidden; margin:0px auto;}
.content{display:block;overflow:hidden;width:95%;height:1rem;color:#ecf0f1;font-size:.5rem;line-height:1rem; margin:8px auto;}
.visible{position:relative;overflow:hidden;padding-right:.5rem;padding-left:.5rem;height:1rem;line-height:1rem;}
.visible:before{left:0;content:'[';line-height:1rem; position:absolute;}
.visible:after{position:absolute;right:0;content:']';line-height:1rem;}
.visible:after,.visible:before{position:absolute;top:0;color:#FFF;font-size:.5rem;-webkit-animation-name:opacity;-webkit-animation-duration:4s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:opacity;animation-name:opacity;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.visible ul{margin-top:0;padding-left:0;list-style:none;text-align:left;
    animation: change 12s infinite;-webkit-animation: change 12s infinite;-moz-animation: change 12s infinite;-o-animation: change 12s infinite;}
.visible ul li{margin:0;font-size:.45rem;line-height:1rem; text-align:center;}
.hit-the-floor{margin-top:28%;color:#fff;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2);font-weight:700;font-size:1rem; text-align: center;}
.txt{margin: 15px auto 7px;display:block;padding:.5em 0 .5em;text-align:center;text-shadow:0 0 80px rgba(255,255,255,.5);letter-spacing:0;font-weight:700;font-size:.5rem;background:url("animated_text_fill.png") repeat-y;-webkit-animation:aitf 80s linear infinite;-webkit-backface-visibility:hidden;-webkit-background-clip:text;/*-webkit-text-fill-color:transparent;*/overflow: hidden;}
@keyframes aitf{
    0%{background-position:0 50%;}
100%{background-position:100% 50%;}
}
@-webkit-keyframes aitf{
    0%{background-position:0 50%;}
100%{background-position:100% 50%;}
}
@-moz-keyframes aitf{
    0%{background-position:0 50%;}
100%{background-position:100% 50%;}
}
@-o-keyframes aitf{
    0%{background-position:0 50%;}
100%{background-position:100% 50%;}
}
.info{color:#ff0;text-align:center;}
.test{text-align:center; color:#fff; font-size:.4rem;margin-top: 20px;}
.test a {display:block; margin-top: 10px;}
.test a:link,.test a:visited,.test a:hover{color:#fff;}
@-webkit-keyframes opacity{0%,100%{opacity:0;}
50%{opacity:1;}
}
@keyframes opacity{0%,100%{opacity:0;}
50%{opacity:1;}
}
@keyframes change{0%,100%,12%{-webkit-transform:translateY(0);transform:translateY(0);}
17%,29%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
34%,46%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
51%,63%{-webkit-transform:translateY(-75%);transform:translateY(-75%);}
68%,80%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
85%,97%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
}
@-webkit-keyframes change{0%,100%,12%{-webkit-transform:translateY(0);transform:translateY(0);}
17%,29%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
34%,46%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
51%,63%{-webkit-transform:translateY(-75%);transform:translateY(-75%);}
68%,80%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
85%,97%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
}
@-moz-keyframes change{0%,100%,12%{-webkit-transform:translateY(0);transform:translateY(0);}
17%,29%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
34%,46%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
51%,63%{-webkit-transform:translateY(-75%);transform:translateY(-75%);}
68%,80%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
85%,97%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
}
@-o-keyframes change{0%,100%,12%{-webkit-transform:translateY(0);transform:translateY(0);}
17%,29%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
34%,46%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
51%,63%{-webkit-transform:translateY(-75%);transform:translateY(-75%);}
68%,80%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
85%,97%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
}
html{font-size:50px}
body{font-size:24px}
@media screen and (min-width:320px){html,body{font-size:26px}}
@media screen and (min-width:360px){html,body{font-size:26px}}
@media screen and (min-width:375px){html,body{font-size:30px}}
@media screen and (min-width:384px){html,body{font-size:30px}}
@media screen and (min-width:400px){html,body{font-size:30px}}
@media screen and (min-width:414px){html,body{font-size:30px}}
@media screen and (min-width:424px){html,body{font-size:30px}}
@media screen and (min-width:480px){html,body{font-size:30px}}
@media screen and (min-width:540px){html,body{font-size:30px}}
@media screen and (min-width:720px){html,body{font-size:48px}}
@media screen and (min-width:750px){html,body{font-size:50px}}
</style>
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
< ![endif]-->
</head>
<body>
<div class="hit-the-floor" id="dname1"></div>
<div class="txt">您正在访问的域名可以 出售 或 合作!</div>
<div class="info" id=""></div>
<div class="content">
<div class="visible">
<ul>
<li>一个好域名是互联网最有价值的不动产!</li>
<li>一个好域名是您企业固有品牌的延伸和增值!</li>
<li>一个好域名能让您的企业节约大量的宣传费用!</li>
<li>精明的您比我们更能发挥好域名的实际价值!</li>
</ul></div>
</div>
<div class="test">
	<a target="_blank" href="mailto:[email protected]">Email:[email protected]</a>
</div>
<script>
    var dn = document.domain;
    if(dn != ""){
        dn = dn.toLowerCase();
        var index = dn.indexOf("www.");
        if(index == 0){
            dn = dn.replace("www.","");
        }
        if(dn.indexOf("h")==0 || dn.indexOf("l")==0 || dn.indexOf("q")==0 || dn.indexOf("t")==0 || dn.indexOf("y")==0){
            dn = dn.replace(/\s[a-z]/g,function($1){return $1.toLocaleUpperCase()}).replace(/^[a-z]/,function($1){return $1.toLocaleUpperCase()});
        }else{
            dn = dn;
        }
    }else{
        dn = "{domain}";
    }
    document.getElementById("dname1").innerHTML=dn;
    // document.getElementById("dname2").innerHTML=dn;
</script>
</body>
</html>
暂无评论

发送评论 编辑评论


				
上一篇
下一篇