|
js代码就不用详解了，都很简单，我在js中作了详细的注释说明，一看就会。下面说说这6种风格的调用方法：
第一种：纯线框圆角
这是最基本，也是应用最广泛的一种应用。只需一句话就可以了。
Js行为：
b_RoundCurve("bottom","#F8B3D0","#FFF5FA",1);//普通圆角框
解释：四个参数，分别代表样式名称、边框色值、背景色值、风格参数。
Html结构：
<div class="bottom"></div>
第二种：标题线框圆角
一般这种块状布局，都需要在页头加入标题，你可以使用h1~h6系列标签。
Js行为： b_RoundCurve("right2","orange","",3,"h3");//标题和内容区都透明
解释：五个参数，分别代表样式名称、边框色值、背景色值、风格参数、标题标签名称，因为考虑了扩展性，当想使用其它的标签时，可以随时替换，如h1~h6系列标签。
Html结构：
<div class="right2">
<h3>标题</h3>
<div>内容</div>
</div>
第三种：标题和内容区可分别自定义颜色圆角
与第二种风格差不多，差别在于可以分别定义标题和内容区的颜色值。
Js行为： b_RoundCurve("right1","#863313","#84D4CA",3,"h3","#BAB556");//标题只用纯色背景
解释：六个参数，分别代表样式名称、边框色值、背景色值、风格参数、标题标签名称、标题背景色值。
Html结构： <div class="right1">
<h3>标题</h3>
<div>内容</div>
</div>
出处：蓝色理想
责任编辑：bluehearts
上一页 CSS圆角框组件 V1.0 [1] 下一页 CSS圆角框组件 V1.0 [3]
|
第 1 页 
第 2 页 CSS圆角框组件 V1.0 [2]
