улучшить свой веб -сайт с помощью этих 10 крутых виджетов jQuery

В этой статье демонстрируются десять простых в использовании, но мощных виджетах JQuery, чтобы повысить интерактивность и функциональность вашего сайта. Давайте погрузимся!

]
1. ]

   jQuery Delicious Plugin: отображать информацию с Delicious.com Использование их API.

   ]

   ] Live Demo: http://bitbucket.org/pmclanahan/jquery-delicious/overview

]
2. ]

   jquery checkboxtoslider плагин:

   ]

   Live Demo: http://plugins.jquery.com/project/checkboxtoslider ]

   ]
3. Plugin Crayonbox jQuery:

   простой, но универсальный цветовой сборщик с многочисленными параметрами. Просто добавьте его в текстовое поле! ]

   ]

   ]
4. добавить забавную функциональность в кубиках на вашу веб-страницу.

   ]

   ] ]

Autosnippet - Generator Automatic Code Snippet:
5. без усилий генерировать точные фрагменты кода (html, css, javaScript).

   ]

   Live Demo:

   http://spacebug.com/projects/autosnippet/ ] ] ]

плагин Countdown jQuery:
6. легко создавать таймер обратного отсчета до определенной даты и времени.

   ] ]

   Live Demo:

   http://keith-wood.name/countdown.html ] ] ]

flowplayer:
7. плавно встраивает видеопотоки в ваш веб -сайт.

   ]

   Live Demo:

   http://flowplayer.org/ ] ] ]

Fancy Tip jquery tooltip плагин:
8. создать привлекательные и настраиваемые подсказки инструментов для любого элемента.

   ] ]

   Live Demo:

   http://plugins.jquery.com/project/fancytip ] ] ]

jQuery Color Picker:
9. Компактный и функциональный цветовой сборщик идеально подходит для меньших UIS.

   ]

   ] ]

activeBar2:
10. , совместимый с кросс-браузером, который имитирует Adder Bars Modern Browser Modern Browser.

    ]

    ] ]

часто задаваемые вопросы (faqs)

] Следующие часто задаваемые вопросы обращаются к общим вопросам, касающимся использования и реализации виджетов jQuery: ]

]

Преимущества использования виджетов jQuery:
• jQuery виджеты предлагают простоту, универсальность, экономный предварительно построенный код, настраиваемость и кросс-браузер.

  ] ] ]

Установка виджета jquery:
• включить библиотеки UI jQuery и jQuery UI в свой HTML, затем инициализируйте виджет, используя JavaScript.

  ] ]

настройка виджетов jQuery:
• виджеты очень настраиваются через параметры и CSS.

  ] ] ]

отзывчивый дизайн:
• , хотя и не реагирующие по своей природе, виджеты могут быть отзывчивыми с помощью CSS Media запросов.

  ] ] ]

Cross-Browser Copatibility:
• jQuery виджеты предназначены для совместимости кросс-браузера, но рекомендуется тестирование.

  ] ] ]

, используя несколько виджетов:
• Несколько виджетов могут использоваться на одной и той же странице без конфликтов, но помните о времени загрузки страницы.

  ] ] ]

]
• ]

  Создание пользовательских виджетов: jQuery's Widget Factory позволяет создавать пользовательские виджеты.

  ]
]
• ]

  доступность: jQuery стремится к доступности в своих виджетах, но тестирование с помощью вспомогательных технологий имеет решающее значение.

]
• ]

  Использование с другими библиотеками: Использовать метод jQuery

  noconflict ()
, чтобы избежать конфликтов с другими библиотеками, используя
• $

  symbol. ] ] ] Это всеобъемлющее руководство предоставляет прочную основу для использования мощности виджетов jQuery для улучшения пользовательского опыта вашего веб -сайта. ]