Картотека

Колода карточек (картотека), представленная здесь, является разновидностью меню. Щелчок на карточке приводит к тому, что она меняется местами с карточкой, которая находится на переднем плане. Содержимое карточки определяется HTML-кодом. Это может быть текст, картинки, ссылки и т.д.

Карточки задаются тегами <div>, следующими друг за другом и имеющими атрибуты class с одинаковым значениями. Их видимое расположение определяется скриптом. Скрипт сам определяет, сколько у вас карточек (элементов <div class="note">). В приведенном примере карточки содержат ссылки на некоторые страницы моего сайта. Разумеется, карточки можно задавать не только тегами <div>, но и, например, <img>, <iframe> и др.

В приведенном здесь скрипте используется метод document.getElementsByClassName(значение_атрибута_class), поддерживаемый всеми основными браузерами за исключением IE8. Поэтому для последнего пришлось сделать специальный код.

1. Flash-видео
Встраивание проигрывателя FLV-файлов на страницу.
Посмотреть
2. Вставка HTML в SVG
Применение <foreignObject> для вставки HTML-кода в SVG-код.
Можно вставить целую Web-страницу, а затем трансформировать ее геометрию.
Посмотреть
3. Маски в SVG
Применение масок для трансформации графических изображений. Посмотреть
4. Обработка CSV
Обработка на стороне клиента табличных данных в текстовых файлах CSV. Применение объекта XMLHttpRequest для загрузки файла.
Посмотреть
5. <canvas>
Элемент спецификации HTML 5 для создания графики на Web-страницах с помощью скриптов.
Посмотреть
Hosted by uCoz