Категории
Самые читаемые

Справочник по CSS - white cat

Читать онлайн Справочник по CSS - white cat
1 2 3 4 5 6 7 8 9 10 11
Перейти на страницу:

Шрифт:

-
+

Интервал:

-
+

Закладка:

Сделать

<DIV ID="oDIV2" STYLE="visibility:hidden; position:absolute; top:50px; left:10px; width:240px; height:160px; background: yellowgreen; filter:progid:DXImageTransform.Microsoft.Wheel(spokes=10)">

<BR>This is DIV #2</DIV>

ZigZag

ZigZag()

Новое содержимое элемента страницы зигзагообразно отдельными полосками заполняет старое

Здесь sProperties - строка, содержащая один или несколько свойств, задающих поведение фильтра.

Атрибуты

Свойства

Задает или возвращает количество полосок по горизонтали.

Задает или возвращает количество полосок по вертикали.

Задает или возвращает признак разрешения применения фильтра.

Задает процент выполнения преобразования.

Возвращает состояние выполнения преобразования.

Замораживает элемент страниы, после чего вы можете делать с ним все, что хотите.

Пример 1:

<SCRIPT>var bToggle = 0;function fnToggle() { oDiv.filters[0].Apply(); // После того, как применяется метод Apply к выбранному объекту// фильтр не запустится пока не будет вызван метод Play if (bToggle) { bToggle = 0; oDiv.style.visibility="visible"; } else { bToggle = 1; oDiv.style.visibility="hidden"; } oDiv.filters[0].Play();}</SCRIPT>

<BUTTON onclick="fnToggle()">Запустить преобразование</BUTTON>

<BR/>

<BR/>

<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: gold; filter:progid:DXImageTransform.Microsoft.Zigzag( duration=3, GridSizeX=25, GridSizeY=25);"><FONT SIZE="+4" COLOR="#A08000"> TEXT

<BR/>TEXT

<BR/>TEXT

<BR/>TEXT

<BR/></FONT></DIV>

Пример 2:

<!-- К этому элементу применяется фильтр. -->

<DIV ID="oTransContainer" STYLE="position:absolute; top: 0px; left: 0px; width: 300px; height:300px; filter:progid:DXImageTransform.Microsoft.zigzag(GridSizeX=64, GridSizeY=64) ">

<!-- Это первое содержимое, которое будет показано. -->

<DIV ID="oDIV1" STYLE="position:absolute; top:50px; left:10px; width:240px; height:160px;background:gold"> This is DIV #1 </DIV>

<!-- Это содержимое, которое будет показано после применения фильтра. -->

<DIV ID="oDIV2" STYLE="visibility:hidden; position:absolute; top:50px; left:10px; width:240px; height:160px; background: yellowgreen; ">

<BR> This is DIV #2</DIV> </DIV>

<BUTTON onclick="fnToggle()">Запустить преобразование</BUTTON>

<SCRIPT>var bTranState = 0;function fnToggle() { oTransContainer.filters[0].Apply(); if (bTranState=="0") { bTranState = 1; oDIV2.style.visibility="visible"; oDIV1.style.visibility="hidden";} else { bTranState = 0; oDIV2.style.visibility="hidden"; oDIV1.style.visibility="visible";} oTransContainer.filters[0].Play(duration=3);}</SCRIPT>

Приложения

Единицы измерения CSS

Единицы измерения CSS

В этой таблице перечислены все единицы измерения, поддерживаемые CSS.

Единица измерения === Обозначение

Высота буквы M текущего шрифта === em

Высота буквы x текущего шрифта === ex

Пикселы === px

Пункты === pt

Пики === pc

Дюймы === in

Миллиметры === mm

Сантиметры === cm

1 2 3 4 5 6 7 8 9 10 11
Перейти на страницу:
Открыть боковую панель
Комментарии
Елизавета
Елизавета 16.05.2025 - 16:36
Осилила только первую страницу, как можно вообще такую муть писать, не видела, случайно, в лифте, не узнала своего босса. Это же детский сад. Все как под копирку, еще застряли в лифте, случайно не
Вита
Вита 25.04.2025 - 18:05
Прекрасная история... Страстная, ненавязчивая, и не длинная
Лена
Лена 27.03.2025 - 03:08
Горячая история 🔥 да и девчонка не простая! Умничка
Неля
Неля 25.03.2025 - 18:03
Как важно оговаривать все проблемы. Не молчать. Прекрасная история