Різнокольоровий текст на JavaScript
Пропонуємо Вам ознайомитися зі скриптом, що дозволяє прикрасити цей текст. Даний скрипт дозволяє виділити кожну букву або слово випадковим кольором, в результаті чого у Вас вийде різнокольоровий текст. Для різноманітності цей скрипт може змінювати випадковим чином і розмір літер або слів.
Зверніть увагу на текст нижче. Цей текст був прикрашений за допомогою нашого скрипта і якщо Ви оновите сторінку, то кольори та розмір літер зміняться.
Даний скрипт різнокольорового тексту можна використовувати разово для генерації випадкового оформлення тексту та отриманий результат скопіювати собі на сайт, а можна вставити на сайт і тоді щоразу оформлення тексту буде різним.
Для отримання точної форми для отримання кольорового тексту, як і в прикладі, показаному вище, використовуйте наступний код:
function char_random() var obj = document. color_form; var elem = obj. string. value; var separator = ""; var exit_str = ""; var colors = New Array( "00", "11", "22", "33", "44", "55", "66", "77", "88", "99 ", "AA", "BB", "CC", "DD", "EE", "FF"); elem = elem. split (obj. whois_rand. options [obj. whois_rand. selectedIndex]. value);
for (var n = 0 ; n " + elem [ n ]+ " " + separator + "" ; > > obj . res_code . value = exit_str ; result . innerHTML = exit_str; > char_random();
Якщо Вам не потрібна дана форма для генерації різнокольорового тексту, але Ви плануєте використовувати скрипт для отримання різнокольорового тексту на своєму сайті, то розмістіть наступний код на початку вашої сторінки:
function char_random(str) var elem=str. split (""); var exit_str = ""; var colors = New Array ( "00", "11", "22", "33","44", "55", "66", "77", "88", "99", "AA", "BB", "CC", "DD", "EE", "FF");
for (var n = 0 ; n " + elem [ n ]+ " " ; > > document . write ( exit_str ); >
У тому місці, де Ви плануєте виводити прикрашений посимвольно кольоровий текст, використовуйте наступний код:
Але майте на увазі, що не варто використовувати цей код для основного вмісту сайту і великих текстів, т.к. це дуже утруднить читання.