Позициониране на фона с jQuery

Този урок ви показва как да използвате полезния плъгин jQuery backgroundPosition. Тя ви позволява да реализирате различни дизайнерски идеи чрез промяна на фона.

плъгин
плъгин

Като пример ще създадем анимирани бутони с удобен за потребителя интерфейс, които могат да се използват в навигационното меню на уебсайт.

Което повдига въпроса, защо се нуждаем от скрипт, когато можем да използваме ефекта на бълбукане заедно със CSS стилове? Тук можете да сравните и видите предимствата на решението, използващо jQuery.

Изпълнението е много просто:

Стъпка 1: HTML

Ето изходния код за всичките 5 примера. Използва се неподреден списък, всички те са подобни един на друг, само че имат различни 'id' атрибути.

Стъпка 3JQuery

Стъпка 4 Снимки

Ще ви трябват и няколко изображения:

Този урок е подготвен за вас от екипа на ruseller.com Източник на урока: www.script-tutorials.com Преведен: Сергей Фастунов Урокът е създаден: 10 юли 2010 г. Преглеждания: 28594 Правила за препечатване

5 последни урока от рубриката "jQuery"

jQuery анимация за писане

Днес бихме искали да ви разкажем за библиотеката TypeIt, безплатен плъгин за jQuery. С негова помощ можете да симулирате писане. Ако всичко е настроено правилно, можете да постигнете много реалистичен ефект.

Хронология с jQuery

jQuery плъгин за времева линия.

Начертайте диаграма на Гант

jQuery плъгин за диаграма на Гант.

AJAX и PHP: Качване на файл

Пример за това как да качите файл с помощта на PHP и jQuery ajax.