【雜文】404 NOT FOUND


把自家網站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經典藍白當機畫面

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料