ИЗБРАННЫЕ ПРИМЕРЫ 2013 АВГУСТ

HTML5 Видеоплеер Video.js

IFRAME появляется с анимацией (Highslide JS) В открытом блоку с округленным обрамлением вертикальный текст рекламы

Автосмена фото с показом скриншотов (Jquery)

Адрес сайта document.write(document.URL);

Адрес сайта в Интернете (document.write(document.referrer);)

Блок с закругленным обрамлением [webkit-border + border-radius CSS] (все браузеры)

Блок с закругленным обрамлением [webkit-border + border-radius CSS] (все браузеры) Фото в модальном окне

Блок с оригинальным обрамлением для всех браузеров

Видео FLV с предпросмотром фото и панелью управления видео (swfobject.js)

Видео FLV через object с панелью управления через player_flv_maxi.swf

Видео HTML5

Видео HTML5 Вместо начального фото заставка из видео (Jquery + mediaelement-and-player.min.js) Панель управления вверху кадра

Видео HTML5 Вместо начального фото заставка из видео (Jquery + mediaelement-and-player.min.js) Панель управления внизу кадра

Видео HTML5 Вместо начального фото заставка из видео (mediaelement-and-player.min.js) Панель управления вверху кадра

Видео HTML5 Вместо начального фото заставка из видео (mediaelement-and-player.min.js) Панель управления внизу кадра Вверху кадра меню с линками

Видео HTML5 файл OGV

Видео HTML5 MediaElement

Видео HTML5 МР4

Видео HTML5 с кнопками вместо панели управления

Видеогалерея с набором видео HTML5 через скрипт [while (cars[i])]

Видеоплеер HTML5 (jquery) [mp4 ogv webm] Под контрольной панелью вертикальное меню из линков

Видеоплеер HTML5 (jquery) [mp4 ogv webm] Под контрольной панелью вертикальное меню из линков Экран стабилен при прокрутке

Время в промежутке двух часов через скрипт [onclick=myFunction()]

Вставка CSS через скрипт var att=document.createAttribute("class");

Вставка HTML-кода через скрипт document.getElementById Применение DOM

Вставка HTML-кода через скрипт document.getElementsByTagName Применение DOM

Вставка HTML-кода через скрипт var doc=document.open("text/html","replace");

Вставка кнопки через скрипт document.body.appendChild(btn); Применение DOM

Вставка перед текстом заданных слов через скрипт [onclick=myFunction()]

Вставка перед текстом фото через скрипт [onclick=myFunction()]

Вставка скрипта через var doc=document.open("text/html","replace")

Вставка текста через скрипт document.body.appendChild(t); Применение DOM

Вставка фото через скрипт в текст с заданным ID (document.getElementById) Применение DOM

Вставка через скрипт заданного числа x.innerHTML=num.toString();

Замена строки списка через document.getElementsByTagName("UL")[0].appendChild(d); Применение DOM

Замена текста фото через document.getElementById

Замена текста через document.getElementById

Звук MP3 через popMedia

КОНВЕРТОР ШРИФТОВ TFF в EOT

КОНВЕРТОР ШРИФТОВ TFF в WOFF

Кнопка с эффектом FADE через animator.js

Линк открытия блока с анимацией сверху вниз Highslide JS (hs.minWidth = 200)

Линк открытия блока с анимацией сверху вниз открытый блок имеет цвет фона Highslide JS

Линк с подсказкой (курсор не работает на подсказке)

Линк с подсказкой (курсор не работает на подсказке) [лево право верх низ] CSS

Линк с подсказкой (курсор работает на подсказке)

Линк с подсказкой (курсор работает на подсказке) [onmouseover="doTooltip]

Линк с подсказкой снизу (курсор не работает на подсказке) CSS

Линк с подсказкой справа (курсор не работает на подсказке) CSS

Меню из цифр в обрамлении с тенью

Модальное окно с текстом через jquery.js

Модальное окно с фото через jquery.js

Округление числа до заданных до запятой знаков через x.innerHTML=n

Округление числа до заданных после запятой чисел через x.innerHTML=num.toFixed(2);

Плагин для создания тени в IE / jQuery textShadow/

Показ адреса фонового фото через document.getElementById("03www").background

Показ базового TARGET через document.getElementById("htmldom").target

Показ базового URL через document.getElementById("htmldom").href

Показ вида страницы (HTML - XHTML и др) через скрипт x.innerHTML=document.doctype.name;

Показ вида страницы (HTML - XHTML и др) через скрипт x.innerHTML=document.documentElement.nodeName;

Показ кода фонового цвета через document.getElementById("w3s").text

Показ кодировки файла через скрипт x.innerHTML=document.inputEncoding;

Показ объекта (фото) со сбором кода из нескольких составляющих через скрипт [onclick=myFunction()]

Показ при загрузке текста с заданными атрибутами из IFRAME через скрипт var h=frame.contentWindow.document.getElementsByTagName

Показ текста из тега TITLE через document.getElementById("p1").title Применение DOM

Показ через кнопку текста с заданными атрибутами через скрипт var h=frame.contentWindow.document.getElementsByTagName

Показ через скрипт количества знаков до заданного слова [onclick=myFunction()]

Показ числа через Number.prototype.myMet=function()

Показ числа через x.innerHTML=num.toString();

Преобразование числа в экспоненциальном представлении через x.innerHTML=num.toExponential();

При наведении на фото снизу выплзает текст (линк) [jquery]

Размеры IFRAME через document.getElementById Применение DOM

Сортировка слов через скрипт [sort()]

Текст или фото через кнопку (var doc=document.open("text/html","replace"))

Текст фото движется по окну

Текст через кнопку (xhttp=new XMLHttpRequest())

Текущее время

Фон в IFRAME через var x=document.getElementById("myframe")

Фото автоматически меняется Блок с полузакругленным обрамлением Свойство border-bottom-left-radius

Фото в модальном окне

Фото в модальном окне через highslide

Фото в модальном окне через highslide ( hs.anchor = 'bottom left')

Фото в модальном окне через highslide (оптимизированный )

Фото меняется кнопками или автоматически

Фото меняется при прокрутке ролика мышки над фото

Фото от клика постепенно увеличивается над окном (ImageExpander) Открываемый блок стабилен при прокрутке окна

Фото от клика увеличивается в отдельном окне

Фото при наведении поворачивается по горизонтали (CSS) Фото большого размера через highslide

Фото с загнутым нижним углом от клика уголок вместо прозрачного становится с фоном заданным цветом Блок с фото в закругленном обрамлении (border-top-left-radius)

Фото со скрепкой

Фото-фон кнопки меняется от клика animator.js

Фотогалерея с набором фото через скрипт [while (cars[i])]

Фотогалерея через тег HTML5 nav

Шрифт Dingbats Two Меню из цифр

Шрифт fleurons

Шрифты кирилистические (eot ||| woff ||| ttf)

Шрифты оригинальные (eot ||| woff ||| ttf)

Шрифты оригинальные (орнамент) шрифты (eot ||| woff ||| ttf)

Шрифты оригинальные шрифты (eot ||| woff ||| ttf)

Шрифты орнаментальные шрифты Примеры

АРХИВ ПРИМЕРОВ JAVASCRIPT + CSS

ПОИСК НА САЙТЕ ЧЕРЕЗ YANDEX

Лучшие сказки мира

Детективы и фантастика