圓角效果

設計網頁上圓角的方塊看起來總是比一成不變的方角來的好看，但是又要為每個方塊設計不一樣的圖片實在是很麻煩的一件事情，CurvyCorners可以讓任何的HTML網頁DIV元素創建出圓角效果，並且在IE6以上就都能夠執行，版本相容性問題都已經幫我們解決了。


使用方法：
首先載入CurvyCorners 的主程式
<script type="text/JavaScript" src="../curvycorners.js"></script>

CSS部份
.myBox {
  margin: 0.5in auto;
  color: #ffffff;
  width: 410px;
  height: 410px;
  padding: 20px;
  text-align: left;
  background-image: url(crosshatch.jpg);
  background-repeat: no-repeat;
  border:5px solid #000;
}
HTML 只需要DIV賦予他一個ID或CLASS
<div class="myBox">內容</div>
最後加上JavaScripts的執行程式碼
<script type="text/JavaScript">
  addEvent(window, 'load', initCorners); //文件讀取完成後執行
  function initCorners() {
    var settings = {
      tl: { radius: 20 },
      tr: { radius: 20 },
      bl: { radius: 20 },
      br: { radius: 20 },
      antiAlias: true
    }
    curvyCorners(settings, ".myBox");
  }
</script>


作者網站：http://www.curvycorners.net/
檔案大小：197 KB
檔案下載：http://www.curvycorners.net/downloads/
檔案備份：下載