Главная » Файлы » Прочие скрипты » jQuery |
Стилизация углов на jQuery
22.06.14, 20:17:28 | |
Данный плагин позволяет очень легко закруглять углы у рамок вокруг контента Для начала посмотрите ДЕМО Установка: В head вставляйте следующий код: Код <script type="text/JavaScript" src="/js/jquery.curvycorners.min.js"></script> <style> .myBox { border: 10px solid #333333; color: #ffffff; width: 150px; padding: 20px; text-align: left; background-color: #ff0000; } </style> <script type="text/JavaScript"> $(function(){ settings = { tl: { radius: 20 }, tr: { radius: 0 }, bl: { radius: 0 }, br: { radius: 20 }, antiAlias: true, autoPad: true, validTags: ["div"] } $('.myBox').corner(settings); });; </script> Тот контент, который вы хотите обрамить, берите в дивы следующим образом: Код <div class="myBox">Ваш контент</div> Далее в папку js заливайте скрипт из прикреплённого архива Всё! Скрипт тестировал во всех браузерах... Некорректно работает он (При закруглении не всех углов) в IE. остальные браузеры прекрасно понимают данный скрипт | |
Просмотров: 418 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |