Цветной экран Javascript Page404
Если вы знакомы со следующим экраном, вы, вероятно, достаточно взрослый, LOL 😉 Следующее использовалось телепрограммой для обозначения того, что «в настоящее время недоступно» в 1980-х годах.
Я использовал этот экран для индикации ошибки «страница 404 не найдена» (настраиваемые страницы ошибок). Достаточно нескольких строк Javascript.
// <a class="vglnk" target="_blank" href="http://HelloACM.com" rel="nofollow"><span>http</span><span>://</span><span>HelloACM</span><span>.</span><span>com</span></a>
// you can safely merge string concatenation, for HTML display purpose
// e.g. "<' + '/tr>" will be '';
var page404 = function() {
var cnt = 32;
var rarr = [0,0,0,0,255,255,165,211,153,173,127,224,250,221,255,255];
var garr = [0,0,255,255,0,0,42,211,153,216,255,255,128,221,255,255];
var barr = [0,255,0,255,0,255,42,211,153,230,212,255,114,221,0,255];
document.write('<' + 'table cellpadding="0" cellspacing="0" border="0" width="100%">');
for (var i = 1; i < cnt; i++) {
document.write("<' + 'tr>");
for (var j = 1; j < 9; j++) {
document.writeln(
'<' + 'td style="background: rgb(' +
rarr[j] + ',' +
garr[j] + ',' +
barr[j] + ')"> &' + 'nbsp; '
);
}
document.write("<' + '/tr>");
}
document.write('<' + '/table>');
}
page404();
Идея состоит в том, чтобы сохранить столбец цветов в массиве; извлечение каждого цвета и помещение его в ячейку таблицы (как фоновый цвет, используя CSS )
У вас есть модные экраны 404, реализованные на Javascript? Если да, пожалуйста, поделитесь, комментируя ниже.