Статьи

Топ 15 хитростей JQuery

Я нашел эти очень интересные трюки с JQuery для вас. Некоторые из них предлагают странные эффекты, которые очень интересны и забавны в использовании.

1. Изображение с перекрестным затуханием

Основной трюк для исчезновения одного изображения в другое.

Источник:
http://jqueryfordesigners.com/image-cross-fade-transition/


2. Фоновое изображение анимации

Это предлагает простые в использовании эффекты анимации jQuery Background Image.

Источник:
http://snook.ca/archives/javascript/jquery-bg-image-animations/


3. Гладкая JQuery всплывающее окно

С помощью этого трюка создайте отполированное всплывающее окно jQuery.

Источник:
http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/


4. Необычный ShareBox

Создайте частично скрытую кнопку, которая будет показана позже при наведении.

Источник:
http://www.jankoatwarpspeed.com/post/2009/07/13/Create-fancy-share-box-with-CSS-and-jQuery.aspx


5. Гладкая область с вкладками

Поместите свое содержимое на вкладку!

Источник:
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/


6. Закругленные углы

С помощью функций jQuery Wrap, Prepend и Append. Возможно создание закругленного угла.

Источник:
http://docs.jquery.com/Tutorials:Rounded_Corners


7. Стиль Switcher

Комбинация jQuery и PHP создаст умный стиль переключения.

Источник:
http://net.tutsplus.com/tutorials/javascript-ajax/jquery-style-switcher/


8. Инструменты jQuery

Это коллекция из шести различных и одинаково удивительных инструментов, которые вы можете использовать на своем веб-сайте.

Источник:
http://flowplayer.org/tools/index.html


9. Чат

Это команда jQuery и PHP для создания интерактивного чата.

Источник:
http://css-tricks.com/jquery-php-chat/


10. Тикер новостей

Создайте новостную ленту с эффектами исчезновения.

Источник:
http://woork.blogspot.com/2009/05/how-to-implement-news-ticker-with.html


11. SlideViewer

Это легкий (1,5 КБ) плагин jQuery, который создает галерею изображений без необходимости писать HTML-коды.

Источник:
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html


12. Шпаргалка

Устали от старого вида простого чит-листа JQuery? Проверь это.

Источник:
http://www.visualjquery.com/


13. Вертикально прокручиваемое меню

Это базовое, но инновационное меню вертикальной прокрутки для навигации по вашему сайту.

Источник:
http://www.queness.com/post/256/horizontal-scroll-menu-with-jquery-tutorial


14. Музыкальный плеер

Создайте фантастический музыкальный проигрыватель jQuery с помощью xHTML.

Источник:
http://yensdesign.com/2008/12/create-an-amazing-music-player-using-mouse-gestures-hotkeys-in-jquery/


15. Цветное меню

Это обеспечивает хорошее альтернативное меню LavaLamp. Цвет исчезает при наведении.

Источник:
http://css-tricks.com/color-fading-menu-with-jquery/