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
>
运行结果:
查看全文
相关阅读:
CentOS6.5系统服务
Linux下查看文件内容时去掉空行和#开头的注释行
sql去重复(RecordNum )
bootstrap-fileinput使用
javascript事件失效l
vs2015里,发布OSGI.NET
视频允许播放禁止下载
zTree模糊查询人员姓名:getNodesByParamFuzzy
OSGI.NET,请求因HTTP状态404 失败:Not Found
异常
原文地址:https://www.cnblogs.com/abcdwxc/p/956939.html
最新文章
MongoDB数据库配置文件详解
redis配置文件中常用配置详解
EditPlus中文版安装教程
四、SpringBoot简单整合MongoDB
【LaTeX】文章中插入Visio及Matlab矢量图
Latex中的顶格命令
SCI论文如何写--斯坦福大学公开课-Writing in the Sciences
微信公众号文章
ubuntu 中运行 .py 文件
matlab中ln、lg函数怎么表示
热门文章
相变存储器 Phase-Change Memory (PCM)
乘积累加运算(Multiply Accumulate, MAC)
ORA-01034:Oracle not available
Terminal shortcuts
linux系统之间共享文件(CentOS6)
HP-UX 下用户被锁
Sublime Text 编辑器的设定
Linux jdk环境配置模板
PHP7.2.12-Configuration-Option
Google-Authenticator
Copyright © 2011-2022 走看看