jQuery скрипт выплывающего из-за края экрана окна
jQuery дружит с плавающими окнами , которые являются отличным средством информирования пользователей о новостях сайта, либо используются для отображения формы авторизации. Да мало ли ещё для чего может быть использовано элегантно выплывающее из-за края экрана окно! Именно для этих задач мы разберем простой скрипт написанный с использованием базовых принципов CSS, HTML и естественно jQuery. Если [...]
Рубрики: CSS, HTML, jQuery · Теги: animate, css, div, jquery, блок, окно, экран, эффект
CSS HOVER изменении свойств одного элемента при наведении курсора на другой
Для изменение свойства того или иного элемента в CSS существует такой понятие как селектор :hover. Особенно широкое распространение hover приобретает когда нужно изменить свойство ссылки при наведении курсора. Например мы легко может подчеркнуть ссылку, которая по умолчанию не подчеркнута: <style> a:link, a:visited{ color: green; text-decoration:none; } a:hover{ text-decoration:underline; } </style> <a href=»https://weblomaster.ru/category/css/»>Уроки, рецепты CSS</a> При [...]
Рубрики: CSS, HTML · Теги: class, css, div, hover, html, img, link, style, курсор
getElementsByClassName Идентификация элемента HTML по имени класса CSS
Распространенной задачей при написании JavaScript является выделение(поиск) нужных Вам элементов HTML – или проще говоря – тегов с заданным свойством. Часто таким свойством , выделяющим элемент среди сородичей, является значение ID. Как например : id=»myTag» В отличие от идентификации тегов по их ID: <div id=»myTag»> Интересующий нас блок </div> Поиск нужного блока по названию класса [...]
Рубрики: CSS, HTML, Javascript · Теги: css, document, getElementById, getElementsByClassName, html, id, innerHTML, javascript, селектор
Выпадающее меню с помощью CSS стилей без javascript
Чаще всего, когда Вебмастер хочет установить на сайт выпадающее, раскрывающееся меню (drop down menu), он начинает искать решение на javascript , dhtml или возможно что-то ещё более экзотическое. Не будет подвергать сомнению функционал и мощность JAVASCRIPT . Но тем не менее с силой приходит и ответственность. Javascript нагружает браузер, а тот, в свою очередь, нагружает [...]
Рубрики: CSS, HTML · Теги: css, dhtml, hover, html, html4, javascript, меню, рецепты
CSS стили для Internet Explorer для ie6 разделение браузеров
Современные браузеры все , в той или иной мере, одинаково поддерживают каскадные таблицы стилей. Какой браузер выделяется из плеяды актуальных браузеров, так это Internet Explorer, производства компании Microsoft. Веб дизайнеру постоянно приходится что-то дописывать персонально для IE. По-этому, рано или поздно, возникает вопрос : как дополнить стандартные инструкции CSS , инструкциями адресованными непосредственно к Internet Explorer? [...]
Рубрики: CSS, HTML · Теги: css, head, html, html4, ie6, if, internet explorer, link, веб дизайн, дизайн, хак
jQuery Всплывающее окно затемнение фона
Когда мы беремся создать информационное окно , всплывающее при нажатие на ссылку или другой элемент HTML страницы, хочется сделать этот приём наиболее наглядным и эффектным. Когда речь идет о наглядности, зрелищности и эффективности, есть смысл обратится к jQuery. Итак , сегодня мы создадим плавающее окно – div с эффектом затемнения остального содержания страницы. Наш рецепт [...]
Рубрики: CSS, HTML, Javascript, jQuery · Теги: css, jquery, окно
word-spacing css форматирование текста примера
Форматирование текста – задача, которая часто стоит перед дизайнерами. Когда дело доходит до правки HTML документа, для красивого отображения текста мы, как всегда, обращаемся CSS свойствам. Сегодня речь пойдет о word-spacing. Для чего используется? Word-spacing используется в CSS для того, чтобы определить такое свойство текста , как расстояние между словами внутри HTML тега. Как (синтаксис)? [...]
Рубрики: CSS, HTML · Теги: css, div, word-spacing, расстояние, текст, формат
