Центр інформаційних технологій
науково-методичного центру відділу освіти
 Василівської районної державної адміністрації
Запорізької області
П`ятниця     26.04.2024     13:28
Форма входу
Пошук
Міні-чат
200
Статистика

Онлайн всього: 1
Гостей: 1
Користувачів: 0
Меню сайту

Категорії розділу

Накази [11]
Матеріал для уроків [14]
Програми [0]
Книги [14]
Інтернет ресурси [4]
HTML [7]

Друзі сайту
Головна » Файли » HTML

Глава 5. Фильтры и графические переходы
18.11.2008, 11:39
Ни для кого не секрет, что самыми лучшими способами представления информации являются наглядные картинки. Особенно это действенно, когда картинка эффектно подана. Среда Microsoft Internet Explorer имеет набор встроенных функций, используя которые, картинку можно вывести на экран не просто так, моментально, а используя какой-нибудь прибамбас, при котором она будет выведена на экран с каким-нибудь эффектом, например горизонтальными полосами или случайными шашками; это называется графическим переходом. Также, можно использовать графический фильтр, "пропустив" через который исходную картинку на выходе получим эту же картинку, но с каким-нибудь эффектом, например быстрого движения (это когда все смазано, как будто смотришь из окна поезда). <p> В этой главе я коротко познакомлю вас с некоторыми способами применения фильтров и переходов, так как подробное их изучение занимает отдельную книгу. <p> Далее в этой главе: <p> Применение фильтров <br /> <p> Применение фильтров <p> Визуальные фильтры - это новое расширение IE 4.0, которое позволяет легко и просто изменять видимое отображение содержания HTML страницы. Фильтр назначается объекту через аттрибут filter во множестве style. Значение свойства filter - строка, которая описывает желаемый фильтр, способ написания которой очень похож на вызов функции. Синтаксис этой строки таков: <p> filter: filtername(properties) <p> Здесь, filtername - имя фильтра, а properties - свойства. <p> Вот пример применения фильтра к объекту <IMG> <p> <IMG SRC="..//somepicture.gif" STYLE="filter: blur(strenght=50)"> <p> В этом примере применяется фильтр с именем blur, который создает эффект движения. При этом, у него в параметрах стоит строка strenght=50, которая обозначает силу эффекта равную пятидесяти. Вы также можете применить одновременно несколько фильтров. Следующие пример расширяет предыдущий, заставляя картинку перевернуться кверх ногами: <p> <IMG SRC="..//somepicture.gif" STYLE="filter: blur(strenght=50) flipv()"> <p> Каждый фильтр имеет набор опциональных аттрибутов, которые указывают способ применения этого фильтра. Некоторые фильтры, такие как flipv и fliph, отражающие картинку соответственно по вертикали и по горизонтали, не имеют аттрибутов. Применение одновременно большего числа фильтров делается способом, как показано в примере выше.
Категорія: HTML | Додав: msc
Переглядів: 923 | Завантажень: 0 | Рейтинг: 0.0/0
Всього коментарів: 0
Додавати коментарі можуть лише зареєстровані користувачі.
[ Реєстрація | Вхід ]