Главная » Файлы » Прочие скрипты » 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. остальные браузеры прекрасно понимают данный скрипт smile

Категория: jQuery | Добавил: Apocalypse | Теги: JQuery, углов, Стилизация, на
Просмотров: 304 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: