Вертикальный текст
Необходимо, чтобы текст в ячейках с классом "vertical" при отображении в браузере имел вертикальное направление "снизу-вверх"
Средствами CSS это возможно реализовать только в Internet Explorer, воспользовавшись свойством writing-mode. Для необходимого направления текста придётся воспользоваться фильтрами flipH и flipV
А как же быть с остальными браузерами, которые не поддерживают ни фильтры, ни свойство writing-mode?
Средствами CSS это возможно реализовать только в Internet Explorer, воспользовавшись свойством writing-mode. Для необходимого направления текста придётся воспользоваться фильтрами flipH и flipV
А как же быть с остальными браузерами, которые не поддерживают ни фильтры, ни свойство writing-mode?

PNG-прозрачность в IE
Формат PNG поддерживает глубину цвета в 48 бит на пиксел, отдельный альфа-канал, улучшенное сжатие данных (PNG использует алгоритм сжатия Deflate без потерь информации), возможность использования гамма-коррекции, сохранение компрессированных или некомпрессированных текстовых вставок для хранения информации о копирайте или других целей. Всё это позволяет задавать различную степень прозрачности области изображения
Многие браузеры умеют работать с данным форматом и поддерживают его прозрачность: Mozilla 0.9+ (Firefox, Netscape 6+ ...), Opera 6+, Konqueror 3+, Safari 1.0+ ...
В Internet Explorer 5.5+ для корректного отображения файла *.png к изображению необходимо применить фильтр CSS AlphaImageLoader. Есть несколько вариантов подключения фильтра, все они имеют свои плюсы и недостатки. Рассмотрим некоторые из них
Многие браузеры умеют работать с данным форматом и поддерживают его прозрачность: Mozilla 0.9+ (Firefox, Netscape 6+ ...), Opera 6+, Konqueror 3+, Safari 1.0+ ...
В Internet Explorer 5.5+ для корректного отображения файла *.png к изображению необходимо применить фильтр CSS AlphaImageLoader. Есть несколько вариантов подключения фильтра, все они имеют свои плюсы и недостатки. Рассмотрим некоторые из них

Древовидное меню
Многоуровневое древовидное меню. Несомненным плюсом данного меню является то, что подразделы открываются (скрываются) без перезагрузки веб-страницы.

Checkbox - выделить всё, снять все
При выделении последнего checkbox`a автоматически выделяются все верхние, при снятии галочки с нижнего checkbox`a, с верхних галочка также автоматически снимается
пример работы скрипта:

Многоуровневый нумерованный список
Многоуровневый нумерованный список с выводом нумерации всех дочерних элементов
см. также: Свойство content

Слайд-шоу с автопрокруткой
Слайд-шоу с возможностью листать "вперёд", "назад" или включить (отключить) автопрокрутку, а также, к каждой картинке - отдельное описание, изменяющееся динамически

Слайд-шоу Книга
Меню в виде перелистывающихся страниц книги
Каждая страница может быть отдельной ссылкой
Каждая страница может быть отдельной ссылкой

Слайд-шоу Кубик
Движущаяся лента с изображениями, при наведении мыши останавливается
Каждый кадр может быть отдельной ссылкой
Каждый кадр может быть отдельной ссылкой

Определение ширины (высоты) окна
Скрипт определяет размеры окна браузера
пример работы скрипта:

Координаты курсора над слоем
Простой пример определения координат курсора во время его перемещения над слоем.
- определяем и отслеживаем положение слоя с картой в окне браузера.
- отслеживаем координаты курсора мыши, и, когда курсор перемещается над слоем с картой, перемещаем вместе с ним точку и показываем ее координаты.
- при клике оставляем в месте клика точку другого цвета и записываем ее координаты.





