jQuery скрипт выплывающего из-за края экрана окна

jQuery дружит с плавающими окнами , которые являются отличным средством информирования пользователей о новостях сайта, либо используются для отображения формы авторизации. Да мало ли ещё для чего может быть использовано элегантно выплывающее из-за края экрана окно! Именно для этих задач мы разберем простой скрипт написанный с использованием базовых принципов CSS, HTML и естественно jQuery. Если [...]

Опубликовано 29.03.2016 в 19:46 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: CSS, HTML, jQuery · Теги: , , , , , , ,

jQuery extend() функция объединения содержимого нескольких объектов

Штатная функция jQuery.extend() позволяет объединить содержимое двух или нескольких объектов , и поместить результат в первый объект. Сначала мы разберем механизм работы функции extend() , а затем посмотрим как её можно использовать на конкретных примерах. Синтаксис функции прост: $.extend(targetObj, Obj1, Obj2, Obj3); targetObj – это объект – цель, его содержимое будет объединено с Obj1, Obj2, [...]

Опубликовано 08.11.2015 в 17:36 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: jQuery · Теги: , , , , , ,

jQuery эффекты начало

Инструментарий jQuery (библиотеки JavaScript, облегчающей взаимодействие JS и HTML) широк и разнообразен. jQuery используется веб-разработчиками которые хотят расширить функционал своего сайта чуть ли не каждый день. Получение и трансформация данных, навигация без перезагрузки целой страницы, изменение стилей CSS того или иного элемента HTML… Но всё что делается может быть сделано лучше, красивее или по-крайней мере [...]

Опубликовано 20.10.2015 в 05:41 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, jQuery · Теги: , , , , , , , ,

jQuery прикрепленный div при скроллинге

Информационное окно, окно с  рекламой или навигацией – вот что хочется постоянно держать в поле зрения пользователей Вашего сайта. Для того чтобы закрепить div блок, как Вы возможно уже знаете, существует решение CSS: <style>div.stick{position:fixed;}</style> <div class=»stick»>Закрепленный блок</div> Но такой блок будет закреплен постоянно. А что если фиксировать div только тогда когда это нужно? Например в [...]

Опубликовано 03.04.2015 в 03:34 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, JSON · Теги: , , , , , , , ,

Введение в jQuery: Селекторы

После того как в предыдущей статье Введение в jQuery Начало, мы рассмотрели как подключить и создать свой первый скрипт в jQuery , в нашей сегодняшней статье мы рассмотрим более конкретные примеры. Для того чтобы использовать всю силу инструментария jQuery нужно в первую очередь определиться к чему его применить. Выбрать нужный нам элемент. Весь HTML документ [...]

Опубликовано 27.11.2014 в 21:43 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, jQuery · Теги: 

jQuery Всплывающее окно затемнение фона

Когда мы беремся создать информационное окно , всплывающее при нажатие на ссылку или другой элемент HTML страницы, хочется сделать этот приём наиболее наглядным и эффектным. Когда речь идет о наглядности, зрелищности и эффективности, есть смысл обратится к jQuery. Итак , сегодня мы создадим плавающее окно – div с эффектом затемнения остального содержания страницы. Наш рецепт [...]

Опубликовано 30.09.2014 в 03:40 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: CSS, HTML, Javascript, jQuery · Теги: , ,

jQuery слайдер контента слайдшоу картинок блок на главной

Вы наверняка встречали на сайтах, эффектный приём – слайдер картинок (с ссылками на контент или без него). Обычно такой блок размещают на главной странице, для привлечения внимания посетителей к новым статьям, страницам и разделам сайта. Если Вы задумаете воспроизвести подобное слайд шоу у себя на сайте, Вы рано или поздно придёте к jQuery плагинам. Сам [...]

Опубликовано 21.12.2013 в 19:52 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, jQuery · Теги: , , , , , , , ,