为了实现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/