✅ WEB і WordPress новини, теми, плагіни. Тут ми ділимося порадами і кращими рішеннями для сайтів.

Кольоровий екран Javascript Page404

30

Якщо ви знайомі з наступним екраном, ви, ймовірно, достатньо дорослі, хах 😉 Телевізійна програма використовувала наступне, щоб вказати, що «наразі недоступно» у 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? Якщо так, поділіться, будь ласка, в коментарях нижче.

Джерело запису: helloacm.com

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі