DivCorners 實際執行畫面

這個套件的目的是創建一個簡單的方法來增加邊框佈局屏幕內容。可以四捨五入的角落，簡單的邊界，褪了色的邊緣，箱佈局，以及更多。目前，這是實現圖像。在未來，我會包括無圖像的功能來創建簡單的佈局。延伸的建立是為了使生活更輕鬆。 DivCorners有助於建立一個預期的效果，超過一半的時間，和消除瀏覽器的問題。擴展解決在IE6中的PNG圖像。

使用方法：
第一步 先載入程式所需要的檔案
//載入 DivCorners 的CSS樣式設計
<link rel="stylesheet" href="/guider-2.1.0.min.css" type="text/css" />
//使用Google ajax API 直接連結 jQuery 1.7.2的min版本
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
//載入 DivCorners 的主程式碼
<script type="text/javascript" src="/guider-2.1.0.min.js"></script>

第二步 做一個要變成有圓角效果的 div 元素
<div id="#ex2b">
       內容
          .
          .
          .
</div>

第三步 寫入 JavaScript 的程式碼
$(function(){
  $("#ex2b").dcCreate({
    imgPrefix: "demo/ex2-",
    fileType: ".png",
    expand: 13,
    radius: 30,
    position: "outside"
  });
});
附上可修改參數(僅列出圓角效果的參數)

參數	說明
imgPrefix	圖片前面的字元
fileType	圖片副檔名
expand	範圍
radius	角度
position	位置
resize	重新讀取
exclude	對齊 left,top

作者網站：http://www.roydukkey.com/divcorners/
檔案大小：17.2 KB
檔案下載：https://github.com/roydukkey/Guiders-JS
檔案備份：下載

網站導覽的範例圖片