jquery圆角插件

为了实现div的圆角效果，你还在用古老的背景图片拼凑的方法吗？还是在用各种浏览器不互相兼容的CSS方式？如果你还在用这样的方式实现圆角，那我告诉你你真的out了，或许是我out了，竟然以前没发现有这样一个强大的jquery圆角插件，既然今天发现了，那我就不得不拿出来和大家分享了。求发展，先分享，少废话，贴代码:-)

这个插件有一个特点是如果用户的浏览器支持border-radius圆角属性（Opera 10.5+, Firefox, Safari, and Chrome），那它就不生成多余的div，直接应用border-radius属性，否则就生成div来构造圆角，这样就可以省去很多不必要的麻烦。

这个插件的项目地址是：http://www.malsup.com/jquery/corner/

1、多种圆角类型：

插件提供很多种圆角类型供大家选择，大家可以按不同的需求构造不同的个性化圆角，以下是预览，还有很多，去主页上看吧。

2、可以控制每个角实现不同的圆角类型。

你可以任意指定哪个角应用圆角样式，用top、bottom、left、right、tl、tr、bl、br来控制，以下是代码及效果图

3、可以方便地调整圆角的大小。

4、各种类型的圆角可以在同一个div中混着用

更多的效果还是看看项目主页吧。http://www.malsup.com/jquery/corner/

转载于:https://www.cnblogs.com/ranzige/p/yuan_jiao_jquery.html