把自家網站404改成藍屏死機了。點擊即可進入404頁面：
http://soyarasora.live/on9on9on9
功能：
- 像Windows 10藍屏
- 跟Windows 10藍屏一樣（字體也修正了）
- QR code是真的
- 連結是真的
- %會動
- 其實沒有意思只是個404頁面
指令：（把WordPress 404頁面整個換掉就OK）
<!DOCTYPE html>
<html>
<head>
<title>SOYARA RAILWAY - 404</title>
<style>
body {
background:#1E73BE;
color:#ffffff;
font-family:Segoe UI Light;
font-size:30pt;
text-align:left;
margin:100px;
}
blink {
color:yellow;
}
.neg {
color:#ffffff;
margin:30px 100px;
text-align:left;
font-size:90pt;
}
p {
margin:30px 100px;
text-align:left;
}
a,a:hover {
color:inherit;
font:inherit;
}
.menu {
text-align:center;
margin-top:50px;
}
.input_type {
text-decoration: blink;
}
</style>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body onSelectStart="event.returnValue=false">
<span class="neg">: (</span>
<p>
The page is missing or never was written. You can wait and see if it<br />
becomes available again, or you can restart your browser. (<font class="timer" id="count-number" data-from='0' data-to="100" data-speed="100000"> </font>% complete)<br />
<div>
<img style="position:absolute;margin-left:100px" src="http://soyarasora.live/wp-content/uploads/2019/03/QRcode.png" width="200" height="200">
</div>
<font style="position:absolute;margin-left:320px" size="4">
For more information about this issue and possible fixes, visit <a href="http://soyarasora.live">http://soyarasora.live </a><br />
<br />
if you call a support person, give them his info:<br />
Stop code: 404_NOT_FOUND
</font>
<div class="menu">
</div>
<script type="text/javascript">
$.fn.countTo = function(options) {
options = options || {};
return $(this).each(function() {
var settings = $.extend({}, $.fn.countTo.defaults, {
from: $(this).data('from'),
to: $(this).data('to'),
speed: $(this).data('speed'),
refreshInterval: $(this).data('refresh-interval'),
decimals: $(this).data('decimals')
}, options);
var loops = Math.ceil(settings.speed / settings.refreshInterval),
increment = (settings.to - settings.from) / loops;
var self = this,
$self = $(this),
loopCount = 0,
value = settings.from,
data = $self.data('countTo') || {};
$self.data('countTo', data);
if(data.interval) {
clearInterval(data.interval);
}
data.interval = setInterval(updateTimer, settings.refreshInterval);
render(value);
function updateTimer() {
value += increment;
loopCount++;
render(value);
if(typeof(settings.onUpdate) == 'function') {
settings.onUpdate.call(self, value);
}
if(loopCount >= loops) {
$self.removeData('countTo');
clearInterval(data.interval);
value = settings.to;
if(typeof(settings.onComplete) == 'function') {
settings.onComplete.call(self, value);
}
}
}
function render(value) {
var formattedValue = settings.formatter.call(self, value, settings);
$self.html(formattedValue);
}
});
};
$.fn.countTo.defaults = {
from: 0, // the number the element should start at
to: 0, // the number the element should end at
speed: 1000, // how long it should take to count between the target numbers
refreshInterval: 100, // how often the element should be updated
decimals: 0, // the number of decimal places to show
formatter: formatter, // handler for formatting the value before rendering
onUpdate: null, // callback method for every time the element is updated
onComplete: null // callback method for when the element finishes updating
};
function formatter(value, settings) {
return value.toFixed(settings.decimals);
}
$('#count-number').data('countToOptions', {
formatter: function(value, options) {
return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
}
});
$('.timer').each(count);
function count(options) {
var $this = $(this);
options = $.extend({}, options || {}, $this.data('countToOptions') || {});
$this.countTo(options);
}
</script>
</body>
</html>程式碼參考/修改自：
事實上我也不會這種東西。
jquery动态数字翻滚计数到指定数字的文字特效代码
將WordPress的404錯誤頁面設定爲Windows經典藍白當機畫面