zoukankan
html css js c++ java
RoundedCorners锐化边角控件
功能:
专门用来锐化控件的边角。RoundedCorners控件和DropShadow控件的锐化效果一样,缺点是没有阴影效果,优点是可以只锐化4个边角中的任意一个或多个。
属性:
TargetControlID:被锐化的控件ID。
Radius:锐化幅度。
Corners:要锐化的边角,All表示所有边角。
代码实例:
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
runat
="server"
>
<
title
>
RoundedCorners 控件
</
title
>
<
style
type
="text/css"
>
.roundedPanel
{
}
{
width
:
300px
;
background-color
:
#B347A9
;
color
:
blue
;
font-weight
:
bold
;
}
</
style
>
</
head
>
<
body
>
<
form
id
="form1"
runat
="server"
>
<
asp:ScriptManager
ID
="ScriptManager1"
runat
="server"
>
</
asp:ScriptManager
>
<
asp:Panel
ID
="Panel1"
runat
="server"
CssClass
="roundedPanel"
>
<
div
style
="padding:10px;text-align:center"
>
<
div
style
="padding:5px; border:solid black thin;background-color:#B4B4B4;"
>
<
asp:Image
ID
="Image1"
ImageUrl
="~/Images/AJAX.gif"
runat
="server"
/>
</
div
>
</
div
>
</
asp:Panel
>
<
ajaxToolkit:RoundedCornersExtender
ID
="RoundedCornersExtender1"
runat
="server"
BehaviorID
="RoundedCornersBehavior1"
TargetControlID
="Panel1"
Color
="#ff8800"
>
</
ajaxToolkit:RoundedCornersExtender
>
<
input
type
="radio"
id
="radius0"
name
="radiusValues"
value
="0"
onclick
="$find('RoundedCornersBehavior1').set_Radius(this.value);"
/>
<
label
for
="radius0"
>
None
</
label
>
<
input
type
="radio"
id
="radius2"
name
="radiusValues"
value
="2"
onclick
="$find('RoundedCornersBehavior1').set_Radius(this.value);"
/>
<
label
for
="radius2"
>
2px
</
label
>
<
input
type
="radio"
id
="radius4"
name
="radiusValues"
value
="4"
onclick
="$find('RoundedCornersBehavior1').set_Radius(this.value);"
/>
<
label
for
="radius4"
>
4px
</
label
>
<
input
type
="radio"
id
="radius6"
name
="radiusValues"
value
="6"
onclick
="$find('RoundedCornersBehavior1').set_Radius(this.value);"
checked
="checked"
/>
<
label
for
="radius6"
>
6px
</
label
>
<
input
type
="radio"
id
="radius10"
name
="radiusValues"
value
="10"
onclick
="$find('RoundedCornersBehavior1').set_Radius(this.value);"
/>
<
br
/>
选择某个边角
<
input
type
="checkbox"
id
="corner1"
name
="cornerValues"
value
="1"
onclick
="$find('RoundedCornersBehavior1').setCorner(this.value, this.checked);"
checked
="checked"
/>
<
label
for
="corner1"
>
Top Left
</
label
>
<
input
type
="checkbox"
id
="corner2"
name
="cornerValues"
value
="2"
onclick
="$find('RoundedCornersBehavior1').setCorner(this.value, this.checked);"
checked
="checked"
/>
<
label
for
="corner2"
>
Top Right
</
label
>
<
input
type
="checkbox"
id
="corner8"
name
="cornerValues"
value
="8"
onclick
="$find('RoundedCornersBehavior1').setCorner(this.value, this.checked);"
checked
="checked"
/>
<
label
for
="corner8"
>
Bottom Left
</
label
>
<
input
type
="checkbox"
id
="corner4"
name
="cornerValues"
value
="4"
onclick
="$find('RoundedCornersBehavior1').setCorner(this.value, this.checked);"
checked
="checked"
/>
<
label
for
="corner4"
>
Bottom Right
</
label
>
</
form
>
</
body
>
</
html
>
运行结果:
查看全文
相关阅读:
python函数函数嵌套分析步骤与递归函数
解决Navicat运行sql文件报错:1292
SOAP与REST,有什么不同?
bcrypt vs crypto vs cryptojs
bcryptjs加密如何工作
AOP(面向切面编程)
javascript语言搞笑图
js中函数声明先提升还是变量先提升
CSS的单位及css3的calc()及line-height百分比
Vue 项目性能优化 — 实践指南(网上最全 / 详细)
原文地址:https://www.cnblogs.com/abcdwxc/p/956939.html
最新文章
markdown:列表、表格、代码实现
Vue.js-Vue的初体验
前端组件:支持多选,支持选项筛选的下拉框选择器(基于Jquery和Bootstrap)
预测算法:基于UCF的电影推荐算法
排序算法:图解快速排序算法--不超过18行代码Python和JavaScript实现快速排序算法
Python脚本:linux上将筛选的文件夹复制到另一个目录,保存目录结构以及文件和文件夹操作方法
idea下载插件超时
VSCode 配置launch.json 调试nodejs
docker & nodejs & mongodb Nodejs 应用简单的访问Mongodb 部署至Docker
docker部署flask应用,宿主机无法访问
热门文章
monkeyrunner(2)
monkeyrunner(1)
monkey初体验
python之封装、多态、反射
python之静态、组合、继承
python之面向对象与实例属性
python之re和logging模块
python基础之模块&包
装饰器的实现
python中的迭代器与生成器
Copyright © 2011-2022 走看看