自写的一个jQuery圆角插件

下面介绍自己写的一个jQuery圆角的插件，功能非常简单。目前只能实现1px的固定弧度的圆角矩形边框。

原理是利用1px的div，具体实现看代码。

使用方法：

view source

print ?

1	$('.test').rounder();

这样会根据默认的设置产生一个圆角框，效果如图：

圆角处会有点锯齿:(

如果仅此而已，那肯定是不够的。我们会想加上自己的一个样式该怎么办？

使用方法：

view source

print ?

1	$('.test').rounder({borderColor:'red',backgroundColor:'#EEE',color:'blue'});

效果如图：

接下来我就来讲讲实现过程了，先附上jQuery代码如下：

  
  
  

   
   
   
   
    1 
   
   
   (
   
   
   function
   
   
   ($){
    

   
   
    2 
   
   
       $.fn.rounder
   
   
   =
   
   
   function
   
   
   (options){
    

   
   
    3 
   
   
           
   
   
   var
   
   
    setting
   
   
   =
   
   
   $.extend({backgroundColor:
   
   
   '
   
   
   #FFF
   
   
   '
   
   
   ,borderColor:
   
   
   '
   
   
   #AAA
   
   
   '
   
   
   ,color:
   
   
   '
   
   
   #000
   
   
   '
   
   
   },options
   
   
   ||