js代碼就不用詳解了,都很簡單,我在js中作了詳細的注釋說明,一看就會。下面說說這6種風(fēng)格的調(diào)用方法:
第一種:純線框圓角
這是最基本,也是應(yīng)用最廣泛的一種應(yīng)用。只需一句話就可以了。
Js行為:
b_RoundCurve("bottom","#F8B3D0","#FFF5FA",1);//普通圓角框
解釋:四個參數(shù),分別代表樣式名稱、邊框色值、背景色值、風(fēng)格參數(shù)。
Html結(jié)構(gòu):
<div class="bottom"></div>
第二種:標題線框圓角
一般這種塊狀布局,都需要在頁頭加入標題,你可以使用h1~h6系列標簽。
Js行為: b_RoundCurve("right2","orange","",3,"h3");//標題和內(nèi)容區(qū)都透明
解釋:五個參數(shù),分別代表樣式名稱、邊框色值、背景色值、風(fēng)格參數(shù)、標題標簽名稱,因為考慮了擴展性,當(dāng)想使用其它的標簽時,可以隨時替換,如h1~h6系列標簽。
Html結(jié)構(gòu):
<div class="right2"> <h3>標題</h3> <div>內(nèi)容</div> </div>
第三種:標題和內(nèi)容區(qū)可分別自定義顏色圓角
與第二種風(fēng)格差不多,差別在于可以分別定義標題和內(nèi)容區(qū)的顏色值。
Js行為: b_RoundCurve("right1","#863313","#84D4CA",3,"h3","#BAB556");//標題只用純色背景
解釋:六個參數(shù),分別代表樣式名稱、邊框色值、背景色值、風(fēng)格參數(shù)、標題標簽名稱、標題背景色值。
Html結(jié)構(gòu): <div class="right1"> <h3>標題</h3> <div>內(nèi)容</div> </div>
出處:藍色理想
責(zé)任編輯:bluehearts
上一頁 CSS圓角框組件 V1.0 [1] 下一頁 CSS圓角框組件 V1.0 [3]
|