Скрипт, добавляющий тень к тексту
Еще одним неплохим визуальным эффектом можно считать добавление тени к тексту. Сделать тень проще и правильнее было бы при помощи CSS стилей, но в данной теме мы хотим рассмотреть пример того, как можно добавить тень к тексту посредством использования JavaScript кода (без использования свойства text-shadow).
Давайте для примера посмотрим на результат работы скрипта, добавляющего тень:
Для получения такой тени у текста, как показано выше, для начала вставьте на свою страничку следующий скрипт:
<script type="text/javascript">
function mketxt(text, font, color, size) {
window.document.write("<span style='color: #B3B3B3; font-size: " + size +
"px; position: relative; left: " + size/10 + "px;' face='" + font + "'><b>" +
text + "</b></span><br><span style='color: " + color + "; font-size: " +
size + "px; position: relative; left: 0px; top: -" + size*1.1 +
"px;' face='" + font + "'><b>" + text + "</b></span>");
}
</script>Далее, в том месте странички, где необходимо получить нужный нам текст с тенью, вызываем функцию, описанную в предыдущем коде, для чего используем следующий код:
<script type="text/javascript">
mketxt("Пример добавления тени к тексту", "times new roman", "#CC0000" , 40);
</script>Обратите внимание, что при вызове функции mketxt() используется четыре параметра: собственно сам текст, шрифт текста, его цвет и размер в пикселях.
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.