Мультимедиа на вашей страничке


Озвучивание страниц - часть 3



<INPUT TYPE="submit" name="but1" style="background-color:white;font-family:monospace " VALUE="Нажми меня!">

Нажали? Молчит, да? Давайте озвучим. Вот, вставили мы в страничку элемент проигрывателя. Назвали его "sndplay".
Обратимся к нему из джава-скрипта:

<script language="JavaScript">
<!--
function playsound()
{
document.sndplay.run();
}
--></script>

Скопируем скрипт в страничку и вставим в тэг, задающий кнопку, команду ответить на клик на кнопке исполнением нашего джава-скрипта:

<INPUT TYPE="submit" name="but1" style="background-color:white;font-family:monospace " VALUE="Нажми меня!"ONCLICK="playsound();">

Ага, у меня заработало...

Немного вдогонку - атрибут STYLE в тегах позволяет броузерам, использующим технологию CSS, задавать многие ценные свойства элементов оформления, в том числе цвет, размер,шрифт и положение на страничке.

Если страничка черная, спокойно меняйте цвет кнопки на черный, а шрифта - на белый или сероватый.

Атрибут STYLE имеет при этом вид

style="background-color:black;color:#C0C0C0;font-weight:bold;font-family:monospace "

Такой способ озвучивания хорошо сочетается с анимированными скриптовыми кнопками.

Создадим две маленьких картинки, изображающих ненажатую и нажатую кнопки, but1.gif и but2.gif:

вcтавим первую кнопку в страничку, заполнив следующий тег:

<IMG SRC="img/but1.gif" name="img1" WIDTH="60" HEIGHT="50" BORDER="0" ALT="ЖМИ!" ONMOUSEOUT="butup();" ONMOUSEOVER="butdown();">

и напишем простенький скрипт

<script language="JavaScript">
<!--
im1 = new Image; im1.src="img/but1.gif";
im2= new Image; im2.src="img/but2.gif";
function butdown()
{
img1.src="img/but2.gif"; document.sndplay.run();
}
function butup()
{
img1.src="img/but1.gif";
}
--></script>




Начало  Назад  Вперед