界面非常好看，用作通知用戶更換新域名了作用非常好。
<!DOCTYPE html>
<html>
<title>已啟用新域名 - 小高教學網www.xx8g.com</title>
<meta name=description content="小高教學網www.xx8g.com">
<meta name=keywords content="小高教學網www.xx8g.com">
<meta charset="UTF-8">
<!--[if IE 8]>
<style>.ie8 .alert-circle,.ie8 .alert-footer{display:none}.ie8 .alert-box{padding-top:75px}.ie8 .alert-sec-text{top:45px}</style>
<![endif]-->
<style>body{margin:0;padding:0;background:#E6EAEB;font-family:Arial,'微軟雅黑','宋體',sans-serif}a{text-decoration: none}.alert-box{display:none;position:relative;margin:96px auto 0;padding:180px 85px 22px;border-radius:10px 10px 0 0;background:#FFF;box-shadow:5px 9px 17px rgba(102,102,102,0.75);width:286px;color:#FFF;text-align:center}.alert-box p{margin:0}.alert-circle{position:absolute;top:-50px;left:111px}.alert-sec-circle{stroke-dashoffset:0;stroke-dasharray:735;transition:stroke-dashoffset 1s linear}.alert-sec-text{position:absolute;top:11px;left:190px;width:76px;color:#000;font-size:68px}.alert-sec-unit{font-size:34px}.alert-body{margin:35px 0}.alert-head{color:#242424;font-size:28px}.alert-concent{margin:25px 0 14px;color:#7B7B7B;font-size:18px}.alert-concent p{line-height:27px}.alert-btn{display:block;border-radius:10px;background-color:#4AB0F7;height:55px;line-height:55px;width:286px;color:#FFF;font-size:20px;text-decoration:none;letter-spacing:2px}.alert-btn:hover{background-color:#6BC2FF}.alert-footer{margin:0 auto;height:42px;width:120px}.alert-footer-icon{float:left}.alert-footer-text{float:left;border-left:2px solid #EEE;padding:3px 0 0 5px;height:40px;color:#0B85CC;font-size:12px;text-align:left}.alert-footer-text p{color:#7A7A7A;font-size:22px;line-height:18px}</style>
</head>
<body class="ie8">
<div id="js-alert-box" class="alert-box">
<svg class="alert-circle" width="234" height="234">
<circle cx="117" cy="117" r="108" fill="#FFF" stroke="#43AEFA" stroke-width="17">
</circle>
<circle id="js-sec-circle" class="alert-sec-circle" cx="117" cy="117" r="108" fill="transparent" stroke="#F4F1F1" stroke-width="18" transform="rotate(-90 117 117)">
</circle>
<text class="alert-sec-unit" x="82" y="172" fill="#BDBDBD">Cool</text>
</svg>
<div id="js-sec-text" class="alert-sec-text">
</div>
<div class="alert-body">
<div id="js-alert-head" class="alert-head">
</div>
<div class="alert-concent">
<p>
<a style="color:#4AB0F7;font-size:28px">www.xx8g.com</a>
</p>
<br>
<p>花個1分鐘在本站隨便看看</p>
<p>說不定能找到你要的資源</p>
<br>
<p>小高教學網每天都會更新<br>我的動力來自你們的支持</p>
</div>
<a id="js-alert-btn" class="alert-btn" href="javascript:top.location.>立即進入</a>
</div>
</div>
<script>function alertSet(e) {
document.getElementById("js-alert-box").style.display = "block",
document.getElementById("js-alert-head").innerHTML = e;
var t = 30,
n = document.getElementById("js-sec-circle");
document.getElementById("js-sec-text").innerHTML = t,
setInterval(function() {
if (0 == t) top.location.;
else {
t -= 1,
document.getElementById("js-sec-text").innerHTML = t;
var e = Math.round(t / 30 * 735);
n.style.strokeDashoffset = e - 735
}
},
970);
}</script>
</body>
</html>
<script>alertSet('已啟用新域名');</script>
<script type="text/javascript">function clickIE4() {
if (event.button == 2) {
return false
}
}
function clickNS4(e) {
if (document.layers || document.getElementById && !document.all) {
if (e.which == 2 || e.which == 3) {
return false
}
}
}
function OnDeny() {
if (event.ctrlKey || event.keyCode == 78 && event.ctrlKey || event.altKey || event.altKey && event.keyCode == 115) {
return false
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = clickNS4;
document.onkeydown = OnDeny()
} else if (document.all && !document.getElementById) {
document.onmousedown = clickIE4;
document.onkeydown = OnDeny()
}
document.oncontextmenu = new Function("return false");</script>
<html/>
? 版權聲明
文章版權歸作者所有，未經允許請勿轉載。
相關文章
暫無評論...
