http://forum.souz.co.il/ |
|
JavaScript в примерах http://forum.souz.co.il/viewtopic.php?f=19&t=98950 |
Страница 1 из 1 |
Автор: | _ACID_ [ Чт апр 18, 2013 10:54 am ] |
Заголовок сообщения: | |
Очень симпотичный календарик. Очень просто настраивается под любой цвет, формат, фонт, размер... Цитата: <html>
<head> <title>Календарь</title> </head> <body> <script language="Javascript" type="text/javascript"> <!--// calendar = new Date(); day = calendar.getDay(); document.write("<table width=100 border=1><tr><td><center><font size=2>") // Определяем размер таблицы и размер фонта if (day == 0) { document.write("<font color=#ff0000>Воскресенье</font>") // Определяем цвет фонта и тут же можно задать тип фонта } if (day == 1) { document.write("Понедельник") } if (day == 2) { document.write("Вторник") } if (day == 3) { document.write("Среда") } if (day == 4) { document.write("Четверг") } if (day == 5) { document.write("Пятница") } if (day == 6) { document.write("<font color=#ff0000>Суббота</font>") //Так-же можно указать другой цвет } document.write("</font></center></td></tr><tr><td><center><font size=2>") // Определяем размер таблицы и размер фонта month = calendar.getMonth(); if (month == 0 ) { document.write("Январь") } if (month == 1) { document.write("Февраль") } if (month == 2) { document.write("Март") } if (month == 3) { document.write("Апрель") } if (month == 4) { document.write("Май") } if (month == 5) { document.write("Июнь") } if (month == 6) { document.write("Июль") } if (month == 7) { document.write("Август") } if (month == 8 ) { document.write("Сентябрь") } if (month == 9) { document.write("Октябрь") } if (month == 10) { document.write("Ноябрь") } if (month == 11) { document.write("Декабрь") } document.write("</font></center></td></tr><tr><td><center><font size=6>") // Определяем размер таблицы и размер фонта date = calendar.getDate(); document.write(date) document.write("</font></center></td></tr><tr><td><center><font size=2>") // Определяем размер таблицы и размер фонта year = calendar.getYear(); if (year < 100) { document.write("19" + year + "") } else if (year > 1999) { document.write(year) } document.write("</font></center></td></tr></table>") //--> </script> </body> </html> |
Автор: | _ACID_ [ Чт апр 18, 2013 2:29 pm ] |
Заголовок сообщения: | |
Очень интересный и простой скрипт создающий спецэффект бегущей радуги по тексту. Цитата: <html>
<head> <title>Радужный текст</title> <script language="JavaScript" type="text/javascript"> // <![CDATA[ var speed = 100; // Меняем скорость измененя цвета speed colours change, 1 second = 1000 var raincol = new Array("#ff0000", "#ff9900", "#ffff00", "#99ff00", "#00ff00", "#00ff99", "#00ffff", "#0099ff", "#0000ff", "#9900ff", "#ff00ff", "#ff0099"); // можете использовать свои цвета var alink = ""; // поместите сюда вашу ссылку (set to ="" for no link) /**************************** * Rainbow Text Effect * *(c) 2003-5 mf2fm web-design* * http://www.mf2fm.co.uk/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var rainbow, raintxt, raincnt = 0; window.onload = function() { if (document.getElementById) { var i, raini; rainbow = document.getElementById("rainbow"); raintxt = rainbow.firstChild.nodeValue; while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]); for (i = 0; i < raintxt.length; i++) { raini = document.createElement("span"); raini.setAttribute("id", "rain"+i); raini.appendChild(document.createTextNode(raintxt.charAt(i))); if (alink) { raini.style.cursor="pointer"; raini.onclick=function() { top.location.href = alink; } } rainbow.appendChild(raini); } rainbow = setInterval ("raining()", speed); } } // конец функции function raining() { for (var i = 0; i < raintxt.length; i++) document.getElementById("rain"+i).style.color = raincol[(i + raincnt) % raincol.length]; raincnt++; } // ]]> </script> </head> <body> <span id="rainbow">Радужный текст</span> </body> </html> Скрипт с сайта mysite.e-stile.ru. Оставил скрипт без изменений, как он был. Зелёным цветом в коде оригинала выделены места в которых автор скрипта оставлял свои коментарии. Переменную var speed = 100 меняем для изменения скорости изменения цета. Изменению подлежит только аргумент - 100. Например, вместо 100, напишите 300 и посмотрите что будет. Переменная var raincol = new Array создаёт массив из различных цветов - ("#ff0000", "#ff9900", "#ffff00", "#99ff00", "#00ff00", "#00ff99", "#00ffff", "#0099ff", "#0000ff", "#9900ff", "#ff00ff", "#ff0099") которые вы вольны менять, добавлять и / или уберать, главное - сохраняйте формат в котором вы указываете цвет. Как и ранее - меняем только аргумент !!! Аргумент в данном случае у нас цвета - #99ff00 ; #ff0099.... и т.д. Переменная var alink = ""; превратит ваш текст в линк. Ссылку вписывать между ковычками "". Это делать не обязательно и работает это как опция. Переменные var rainbow, raintxt, raincnt = 0; используются скриптом. Далее идёт сам скрипт и разбирать как всё работает мы тут не будем - придётся слишком много писать а у меня сейчас для этого нет желания. Обращаю ваше внимание на следующую строку идущую сразу за тегом <body> <span id="rainbow">Радужный текст</span> пометил я красным весь код не случаено, это сделано для акцента на нём. Каждый раз, когда в теле странице (после тега <body>) вы поместите эту выделенную строку а вместо слов "Радужный текст" напишите что-то другое, например - "Вася Пупкин", то написанный текст начнёт переливаться всеми цветами радуги. Это к тому, что НЕ НУЖНО каждый раз, когда вы хотите в любом месте вашей странице привлечь внимание "радужным текстом" описывать весь скрипт ! Достаточно поместить только одну строку - <span id="rainbow">ТУТ ЛЮБОЙ ТЕКСТ</span>, тем самым мы будем вызывать всю функцию каждый раз, когда напишем явный вызов функции <span id="rainbow">. После того, как мы закрываем вызов функции </span>, текст после закрывающего тега, будет отформатирован глобальными тегами или тегами по месту. Продолжение следует. Ну в общем как-то так... |
Страница 1 из 1 | Часовой пояс: UTC+02:00 |
Powered by phpBB® Forum Software © phpBB Limited https://www.phpbb.com/ |