js圆角插件

1、在页面中引用js源文件
< script type=”text/JavaScript” src=”rounded_corners.js”></script >

2、然后创造一个DIV。如果您已有DIV使用圆角,只要给这个DIV一个id就可以.

< DIV id=”myDiv”></DIV >

3、我们需要添加一段JavaScript来预载。在您的网页的顶头部分增加以下代码:

<script type=”text/JavaScript”>
window.onload = function() //radius表示半径,数值越大,圆角就越大,各角可以不同大小.
{                                        //tl=左上角  tr=右上角  bl=左下角  br=右下角
settings = {
tl: { radius: 20 },
tr: { radius: 20 },
bl: { radius: 20 },
br: { radius: 20 },
antiAlias: true,
autoPad: false
}

var divObj = document.getElementById(“myDiv”);

var cornersObj = new curvyCorners(settings, divObj);
cornersObj.applyCornersToAll();
}
</script>

下载地址:js圆角插件