КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Листинг 5.1. Файл chapter5/grbutton/grbutton. html
|
|
|
|
<HTML>
<BODY BGCOLOR="#BOFFD8">
<FONT FACE="Arial, Helvetica" SIZE=1>
<P>
<A HREF="mainaur.htm"
onMouseOver="document.btnl.src='pic/aurap.gif'"
onMouseOut="document.btnl.src='pic/aura.gif'">
<IMG SRC="pic/aura.gif" NAME = "btn1" BORDER=0 АLТ="Часопис Аурамедиа"</А> <BR> <A HREF="soft/default.htm"
onMouseOver="document.btn2.src='pic/softcatp.gif'"
onMouseOut="document.btn2.src='pic/softcat.gif'">
<IMG SRC="pic/softeat.gif" NAME = "btn2" BORDER=0 ALT="Soft-каталог"</А>
</LEFT>
</FONT>
</BODY>
</HTML>
Для створення посилань використовується оператор <А> разом з оператором <IMG>, тому посилання відображається як графічне зображення.
Для оператора посилання <А> визначені оброблювачі подій onMouseOver і onMouseOut:
onMouseOver="document. btnl. src='pic/aurap. gif'"
onMouseOut="document. btnl. src='pie/aura. gif'"
Коли курсор миші надається над посиланням (тобто над графічним зображенням посилання), керування одержує оброблювач події onMouseOver. Цей оброблювач завантажує зображення pic/aurap. gif, де слово АУРАМЕДИА написано червоним цвітом (для другої кнопки в аналогічній ситуації завантажується зображення pic/softcatp. gif).
Після того як користувач прибирає курсор миші з поверхні кнопки, у справу включається оброблювач події onMouseOut. Він відновлює вихідне зображення, зазначене в параметрі SRC оператора <IMG>.
5.2.2. Створення анімаційних зображень
У такому прикладі ми покажемо, як за допомогою динамічної зміни растровых графічних зображень у сценарії JavaScript можна одержати ефект анимации.
Нижче показаний документ HTML, у якому використовується така анимация.
У вікні браузера послідовно відображаються кадри анімаційного зображення (мал. 5.3), причому спочатку в прямой, а потім в оберненій послідовності. Це виглядає так, начебто слово Noise періодично тоне в кольоровому шумі і потім виявляється знову. Зауважимо, що схожий ефект вже одержували цілком іншими засобами в аплете Java вихідний текст якого був опублікований у часопису "Світ ПК", N.1 за 1998 рік.
|
|
|
Також звернемо увагу на те, що для досягнення подібного ефекту за допомогою многосекционного файла GIF розмір цього файла було б необхідно подвоїти. Причина цього полягає в тому, що прийшлося б включити у файл кадри спочатку в прямой, а потім в оберненій послідовності. Сценарій JavaScript дозволяє більш тонко управляти процесом відображення кадров, що можна використовувати для досягнення достатньо складних візуальних ефектів щодо простими засобами.
Вихідний текст документа HTML, у якому є сценарії, що виконує анимацию, показаний у листинге 5.2.
|
|
|
|
|
Дата добавления: 2014-11-29; Просмотров: 360; Нарушение авторских прав?; Мы поможем в написании вашей работы!