by zhangxinxu 2010-01-06 10:30

jQuery圆角插件

一、最简单的使用

DIV #radius_1
$("#radius_1").corners();

二、定义内部颜色

DIV #radius_2
$("#radius_2").corners({ inColor: "#a0b3d6" });

三、定义外部补角颜色

DIV #radius_3
$("#radius_3").corners({ inColor: "#a0b3d6", outColor: "#34538b" });

四、定义边框属性

DIV #radius_4
$("#radius_4").corners({ borderSize: 2, borderColor: "#34538b" });

五、自定义圆角的大小

DIV #radius_5
$("#radius_5").corners({ radio: 40 });

六、属性综合演示

DIV #radius_6
$("#radius_6").corners({ radio: 40, inColor: "#f0f3f9", outColor: "#cad5eb", borderSize: 2, borderColor: "#828da1" });