Три способа как сделать закруглённые углы на jQuery

« Предыдущая запись
 
  Следующая запись »
 

Иногда просто необходимо скруглить углы, но резать и делать это графикой, конечно, не всегда хочется - лишние килобайты, все дела. Тогда почему бы не сэкономить в размерах, использовав любимую библиотеку jQuery. Конечно, экономия будет только в случае, если jQuery уже задействована, в противном случае выйти может то на то. Впрочем это мелочи.

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

Плугин 1. jQuery Corner

jquerycorner Три способа как сделать закруглённые углы на jQueryПро этот плагин пишут везде и все кому не лень, поэтому его можно смело считать основным по данной тематике. Собственно поэтому я не буду особо писать про него. Что сказать - у него очень много вариантов для срезания уголков применимых и неприменимых. В целом это даёт полёт для фантазии людям, являющимися дизайнерами и верстальщиками в одном лице. Примеры того, чего с ним можно получить, можно посмотреть по ссылке чуть ниже. Пожалуй более сказать и нечего.

http://www.malsup.com/jquery/corner/

 

Плугин 2. Nifty Corners

А вот этот плагин зря обходят стороной. Его можно использовать как с jQuery, так и без него. Очень порадовали предлагаемые примеры, поскольку они очень полезные и в тему: нужно срочно что-то сделать - бери и пользуй. В частности применение к button-ам, таблицам, различные важные вещи и так далее.

Вердикт: крайне рекомендую к ознакомлению, особенно с примерами.

NiftyLogo Три способа как сделать закруглённые углы на jQuery

Ссылка 1. Пример с jQuery
Ссылка 2. Документация на английском и всевозможные примеры
Ссылка 3. Документация на русском

 

Плугин 3. JQuery Curvy Corners

Вот у меня он оставил двоякое впечатление, причём даже больше отрицательное, чем положительное, однако о нём знать стоит. Вариантов применения не так много, но всё таки. Причём его новая версия мне и не понравилась, баганная до невозможности. Собственно по ссылкам можно посмотреть старую и новую версии.

Пример 1. Видимо старая версия (раз работает)
Пример 2. Новая версия

 

В завершении

Собственно вариантов для jQuery, по большому счёту, больше нет. Я ещё находил пару вариантов, но ссылки были битые. Прочем первых двух плагинов более чем достаточно. Используйте на здоровье=).

,

1 звезда2 звезд3 звезд4 звезд5 звезд (голосов: 1, средний: 5.00 из 5)
Понравилась статья или журнал? Подписывайся на продолжение!
Отзывов: 6 на запись

"Три способа как сделать закруглённые углы на jQuery"

  1. Вот за второй плагин отдельное спасибо, то что надо.
    И спасибо за интересный блог, читаю с удовольствием

  2. И Вам спасибо за приятный отзыв! Стораимсо=)

  3. http://chikuyonok.ru/2009/02/rocon/
    rocon — экспериментальная библиотека для создания скругленных уголков

    Очень удобная библиотечка.

  4. спасибо, гляну на днях для интереса.
    однако моя статейка была исключительно о закруглёнках в jQuery =)

  5. Спасибо! Специально искал… )

  6. Пожалуйста =)

Добро пожаловать, коллега! Вы можете оставить свой отзыв:





Допустимые XHTML-теги:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Подписка на комментарии