Вернуться

Пример 8: Бегущая строка-2+Включение видеоклипов с RAMBLER Vision


Совмещаем примеры 6 и 7, то есть, бегущую строку и видеоклипы, коды которых предоставляют различные инет-ресурсы.
Пример восьмой - Бегущая строка и включение видеоклипов с RAMBLER Vision.
Заходим, например, на http://www.rambler.ru/.
Выбираем в "Видео" "Видеоклипы"-http://vision.rambler.ru/clips/(кликаем левой кнопкой мыши).
Выбираем страницу 18, на которой находим видеоклип группы Аквариум "Мама, я не могу больше пить!"
Выбираем Аквариум::Мама, я не могу... - http://vision.rambler.ru/users/upload-fest/1/6/, кликаем мышкой.
Кликаем в окошке "Код для Вашего блога, сайта", нажимаем CTRL+C(копируем в буфер обмена).
Загружаем текст Вашей страницы в редактор, например, Word Pad.
В том месте страницы, где хотите видеть видеоклип, нажимете CTRL+V (вставляем из буфера обмена).
Пояснения к бегущей строке ниже.

marquee
- сам тэг бегущей строки.
onmouseover=this.stop(); - параметр, задающий остановку текста бегущей строки при наведении на текст указателя мыши.
onmouseout=this.start(); - параметр, задающий продолжение движения текста бегущей строки при отводе от текста указателя мыши.
style="BORDER: #000000 1px solid" - параметр рамки вокруг бегущей строки.
behavior="alternate" - параметр, задающий движение текста вправо-влево.
scrollamount=4 - параметр скорости движения бегущей строки (от 1 до 10, мне так кажется).
vspace=10 - этот атрибут задает пустое пространство выше и ниже бегущей строки.
scrolldelay="20" -Этот атрибут задает временной интервал между шагами бегущей строки, с помощью него можно заставить строку двигаться рывками. Единица измерения - миллисекунды, по умолчанию равен 85.
width="1235" - Этот атрибут задает расстояние, на которое перемещается текст. Оно выражается в пикселях или процентах от размера всего окна.
height="40" - Этот атрибут задает высоту бегущей строки в пикселях или процентах от всего окна.
bgcolor="CYAN" - этот атрибут задает цвет фона бегущей строки.
align="middle" - в данном случае выравниевание по центру.
direction="right" - этот атрибут задает направление движения бегущей строки: left влево, right вправо, up вверх, down вниз.
font face="Arial" color="magenta" size="4" - задается фонт (тип шрифта), цвет шрифта, размер шрифта.


Проверяем работу.
Вот текст примера 8:

<html>
<head>
<TITLE>ПРИМЕР 8: Бегущая строка-2+RAMBLER Vision. АКВАРИУМ</TITLE>
</head>
<BODY>
<CENTER>
<B>
<!--Аквариум. Мама, я не могу больше пить!-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="390" height="370"><param name="wmode" value="transparent"></param><param name="movie" value="http://vision.rambler.ru/i/e.swf?id=upload-fest/1/6&logo=1" /><embed src="http://vision.rambler.ru/i/e.swf?id=upload-fest/1/6&logo=1" width="390" height="370" type="application/x-shockwave-flash" wmode="transparent"/></object>
</B>
<B>
<font face="Arial" color="magenta" size="4">
<marquee onmouseover=this.stop(); onmouseout=this.start(); style="BORDER: #000000 1px solid"  behavior="alternate" scrollamount=4 vspace=10 scrolldelay="20" width="1235" height="40" bgcolor="CYAN" align="middle" direction="right">
<font face="Arial" size="5"> АКВАРИУМ.МАМА,Я НЕ МОГУ БОЛЬШЕ... </font><font face="Arial" size="1">|мыша наведи на текст|</font></marquee>  
</B>
</CENTER>
</BODY>
</html>


Посмотрите, как это выглядит на экране (нажмите!).

Вернуться
Hosted by uCoz