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
>
运行结果:
查看全文
相关阅读:
thymeleaf 模板使用 之 解决因HTML标签未闭合引起的错误
Spring MVC 拦截器
Spring boot data jpa 示例
Hibernate 数据库方言
Springboot 之 静态资源路径配置
Java 时间不一致
IntelliJ IDEA 2017.3.2 热加载(Hot Swap)
IntelliJ IDEA Spring boot devtools 实现热部署
Python-集合
Python-文件读写及修改
原文地址:https://www.cnblogs.com/abcdwxc/p/956939.html
最新文章
栈的压入弹出序列
顺时针打印矩阵
合并两个己排好序的链表及数组
0-1背包问题详解
二维数组指针及二维动态数组的分配问题
C++类的交叉引用
区间图着色问题(贪心算法的解法)
求二叉树的最低公共祖先
pycharm的常用操作:设置字体主题,注释整段代码,调整格式,批量替换等
chromedriver与chrome各版本及下载地址
热门文章
openpyxl模块介绍
如何在win7下安装python包工具pip
使用charles进行https抓包
python算法-排列组合
json在线解析
Postman+Postman interceptor的安装和使用-解决把chrome浏览器登录状态同步到postman进行有依赖的接口测试
python算法-汉诺塔问题
pycharm安装包
MySQL mysql-5.7.21-winx64.zip安装指南
thymeleaf 模板使用 之 前台界面获取后台属性值
Copyright © 2011-2022 走看看