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, курсор
jQuery прикрепленный div при скроллинге
Информационное окно, окно с рекламой или навигацией – вот что хочется постоянно держать в поле зрения пользователей Вашего сайта. Для того чтобы закрепить div блок, как Вы возможно уже знаете, существует решение CSS: <style>div.stick{position:fixed;}</style> <div class=»stick»>Закрепленный блок</div> Но такой блок будет закреплен постоянно. А что если фиксировать div только тогда когда это нужно? Например в [...]
Рубрики: HTML, JSON · Теги: div, jquery, scroll, window, блок, окно, плавающий, скрипт, скроллинг
word-spacing css форматирование текста примера
Форматирование текста – задача, которая часто стоит перед дизайнерами. Когда дело доходит до правки HTML документа, для красивого отображения текста мы, как всегда, обращаемся CSS свойствам. Сегодня речь пойдет о word-spacing. Для чего используется? Word-spacing используется в CSS для того, чтобы определить такое свойство текста , как расстояние между словами внутри HTML тега. Как (синтаксис)? [...]
Рубрики: CSS, HTML · Теги: css, div, word-spacing, расстояние, текст, формат
CSS пробелы в названии класса, решетки в файле css и использование !important
Разбираем три типичных вопроса возникающих при работе с CSS (каскадные таблицы стилей). Во-первых, пробелы в названии класс, например <div class=»blok1 block1a block1b»>. Как прописать свойства блока в файле стилей (к пример style.css) или внутри конструкции <style></style>, если в названии класса блока стоят пробелы? На самом деле, такой вариант названия класса подразумевает не один , а [...]
Рубрики: CSS, HTML · Теги: class, css, div, html, id, important, style, базовое, блок, ссылка, стили, тег
jQuery скроллинг наверх вниз к определенному div блоку
jQuery, как Вам известно, популярная java библиотека, облегчающая жизнь веб-разработчика. jQuery – это и способ асинхронного (без перезагрузки) отображения данных, набор спецэффектов, функциональные варианты интерфейсов, меню для сайта и так далее. Сегодня мы рассматриваем интересующий многих вопрос: Как с помощью jQuery организовать скроллинг (переход к определенному элементу, тексту, перелистывание наверх, вниз HTML страницы)? Во-первых, чтобы [...]
Рубрики: HTML, jQuery · Теги: bottom, div, footer, header, href, html, jquery, name, script, scroll, scrollto, top, анкор, скрипт, скроллинг, тег, якорь
jQuery перезагрузка div без перезагрузки страницы перезагрузка изображения
Иногда необходимо перезагрузить часть HTML страницы. Например, обновить изображение-код антиспама, на странице с формой добавления текста. Обновить DIV блок без обновления всей странице можно с помощью Ява-библиотеки - jQuery. Первое, что нам нужно будет сделать, это, естественно, подключить сам jQuery. Библиотека jQuery может находится у Вас на сайте, либо браться непосредственно с сайта проекта jQuery. [...]
