Как я могу использовать плагин jQuery Round Corner для создания закругленных углов? - PullRequest
0 голосов
/ 21 августа 2009

Мне нужен круглый угол на моем сайте. Я довольно неопытен с jQuery и JavaScript в целом; Как правильно загрузить и вызвать этот плагин?

Ответы [ 5 ]

8 голосов
/ 21 августа 2009

Вам нужно использовать jquery.corner.js и в своем скрипте просто добавьте

$(document).ready(function(){
  $("#box1").corner();
});

И в вашей наценке вы должны иметь:

<div id="box1"></div>

Более подробную информацию вы можете найти в jQuery Учебное пособие по закругленным углам .

5 голосов
/ 21 августа 2009

1. Добавьте этот код в ваш головной раздел (если ваш jquery локальный):

<script src="Scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script src="Scripts/jquery.corner.js" type="text/javascript"></script>

<script type="text/javascript">
      $(function(){
          $('div.round').each(function() {
              var q = $(this).corner("rounded 7px");
              eval(q);
          });
      });
</script>

2. Добавьте class = "round" в оболочку div

<div class="round"></div>
  • Просто добавьте class = "round" в любой div Вы хотите на своей странице.
  • Измените значение 7px, чтобы настроить «округлость» угла. Высшее число более круглое.
3 голосов
/ 21 августа 2009

Я бы сказал иди с css3 . Для Firefox это:

.roundedCorners { -moz-border-radius: 5px; }

Для Safari / Chorme это:

.roundedCorners { -webkit-border-radius: 5px; }

И я бы остановился на этом. Так как это чисто презентация / внешний вид, я бы не стал связываться с решениями JavaScript. Если ваши пользователи не используют браузер, поддерживающий css3, они просто не получат закругленные углы.

3 голосов
/ 21 августа 2009

Проверьте эту демонстрационную страницу: jQuery Corner Demo

0 голосов
/ 21 августа 2009

Эта статья / учебник очень тщательна: http://woork.blogspot.com/2009/08/css3-rounded-corners-for-every-browser.html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...