Все заметки с меткой «jquery»
Элегантный ротатор баннеров (изображений, картинок) на jQuery
Категория: Веб-программирование
Наверное каждый веб-мастер участвует в какой-либо партнерской программе и я не исключение. И для продвижения партнерских товаров все большей популярности набирают ротаторы баннеров. Пример такого ротатора Вы можете наблюдать на моем сайте в правом сайдбаре.
Обычно для того, чтобы разместить такой ротатор на своем сайте достаточно установить специальный javascript-код. Если разбираться глубже, то задачей этого javascript-а является встраивание на Вашу страницу специального iframe, который уже и загружает ротатор баннеров на Вашу страницу с сайта разработчика.
Все бы ничего, но у данного подхода есть несколько недостатков...
Читать дальшеJavascript и одностраничный сайт
Категория: Веб-программирование
Одностраничный сайт является основным инструментом интернет-предпринимателей. Практически каждый информационный продукт, который продаётся во всемирной сети, снабжён таким сайтом, через который осуществляются продажи.
Конечно, он хорошо зарекомендовал себя и выполняет свои функции. Фактически одностраничный сайт является продавцом в виртуальном мире Интернета. Он исправно рассказывает каждому посетителю о продукте и его преимуществах. Причём рассказ выстроен в логической последовательности нужной интернет-предпринимателю и плавно подводит посетителя к решению о покупке.
Что можно улучшить в этом замечательном инструменте, который отточен годами практики?
Читать дальшеПишем свой первый плагин на jQuery
Категория: Веб-программирование
В сегодняшней статье я расскажу, как создать простой плагин на jQuery. А чтобы было интересней его создавать поставим реальную задачу, которую должен этот плагин выполнять. Не долго думая я решил создать плагин, который бы при прокрутки страницы вниз выводил бы блок в углу экрана, при клике на который страница плавно прокручивалась бы вверх. Сейчас такие штуки довольно популярны и их можно встретить на многих сайта.
Читать дальшеSocializer - Плагин скользящей панели с иконками социальных сетей
Категория: Веб-программирование
В последнее время социальные сети набирают все большей и большей популярности. Все больше людей начинают открывать аккаунты в тех или иных соц.сетях. Делают они по разным причинам. Кто-то просто чтобы пообщаться с друзьями и единомышленниками, кто-то для продвижения своих товар и услуг, кто-то для создания своего бренда и т. д. Не обошло это и меня стороной. Создал себе аккаунт в твиттере и facebook. Кстати говоря, можете теперь меня там читать!
Так вот, решил я разместить у себя на сайте ссылки на свои аккаунты в соц. сетях. Сразу разместил их в сайдбаре, но потом подумал и решил сделать плавающую панель на которой бы и размещались все ссылки на мои аккаунты в соц.сетях.
Я уже встречал подобные панели на других сайтах, но поискав готовые плагины ничего подходящего для себя не нашел. Ну признаться честно не особо то и хотел найти. Поэтому решил создать свой.
Идея моей плавающей панели заключается в следующем, при прокрутки страницы она постоянно находится на видном месте. Также добавил начальную прозрачность для панели и при прокрутке страницы вниз, панель плавно становится видимой.
Тем самым, когда пользователь ознакомился с материалом на сайте и ему он понравился, ему плавно показывается панель со ссылками на аккаунты социальных сетей. При наведении мыши на ссылку она становится не прозрачной и смещается в сторону на 10px.
Читать дальшеСоздаем эффект скольжения (LavaLamp) в меню
Категория: HTML и CSS
Не так давно решил добавить динамики в верхнее меню на своем сайте. Вы наверное обратили внимание на то, как скользит выделенная область элемента в верхнем меню на этом сайте.
Если данный эффект показался Вам привлекательным, то сегодняшняя статья будет Вам полезной, т.к. в ней я решил рассказать, как создаются такие менюшки.
Для того, чтобы не изобретать велосипед, первым делом я решил поискать готовые решения в Интернете и как оказалось не зря. Существует специальный плагин для jQuery, который называется LavaLamp.
В этой статье мы разберем создание динамического меню с использованием плагина LavaLamp в деталях.
Читать дальше