如何使用jQuery Round Corner插件制作圆角？

Question

我的网站上需要一个圆角.我对jQuery和JavaScript一般都缺乏经验; 加载和调用此插件的正确方法是什么？

Answer 1

您需要使用jquery.corner.js并在脚本中添加

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

在你的加价中,你应该有:

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

您可以查看jQuery Rounded Corners Tutorial了解更多信息.

Answer 2

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值以调整角落的"圆度".数字越大越圆.