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
>
运行结果:
查看全文
相关阅读:
webDriver API——第11部分Remote WebDriver
webDriver API——第10部分Chrome WebDriver
转:Java NIO系列教程(六) File Channel
转:Java NIO系列教程(五) 通道之间的数据传输
转:Java NIO系列教程(四) Scatter/Gather
转:Java NIO系列教程(三) Buffer
转:Java NIO系列教程(二) Channel
Java-优秀博客推荐
java.net.Socket/java.net.ServerSocket-TCP Socket编程
转:Java NIO系列教程(一)Java NIO 概述
原文地址:https://www.cnblogs.com/abcdwxc/p/956939.html
最新文章
java 用redisTemplate 的 Operations存取list集合
sun.misc.BASE64Decoder 替代
CentOS下安装使用phpMyAdmin. Set up phpMyAdmin on CentOS
android获取当前软件版本号号和版本号名称
HPU 1002 A + B Problem II【大数】
菜鸟学Java(二十二)——又一次认识泛型
poj 2931 Building a Space Station <克鲁斯卡尔>
HDU1698 Just a Hook 【线段树】+【成段更新】+【lazy标记】
【Git使用具体解释】Egit使用过程中遇到的问题及解决的方法
Redis的安装与使用
热门文章
Android中Handler的使用
读《影响力》总结
selenium-Locating Elements
selenium-Navigating
selenium-Getting Started
Selenium-Waits
webDriver API——第15部分Expected conditions Support
webDriver API——第14部分Color Support
webDriver API——第13部分UI Support
webDriver API——第12部分WebElement
Copyright © 2011-2022 走看看