DropShadow控件 - 走看看

zoukankan html css js c++ java

DropShadow控件

功能：
        1.锐化边角效果：可以让Panel等控件的边角圆滑。
        2. 阴影效果：让指定的控件具备阴影效果。
        3. 阴影透明：此设置是专门针对控件的阴影，设置透明度，如果控件没有阴影，则此功能也不存在。
属性：
        TargetControlID：要应用阴影的控件ID。
         Opacity：阴影的透明度。最大值为1，默认为0.5。
         Rounded：是否锐化目标控件的边角。
        TrackPosition：追随目标控件的位置，此属性一般应用在控件被拖动，或有其他移动的时候。

实例代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>DropShadow控件</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:Panel ID="Panel1" runat="server" Width="300"  style="background-color: #BBBBFF;">
      <table border="0">
      <tr>
      <td>First Name</td><td><input type="text" id ="firstName" /></td>
      </tr>
      <td>Last Name</td> <td><input type="text" id="lastName"</td>
      <tr>
      </tr>
      </table>
    </asp:Panel>
    <ajaxToolkit:DropShadowExtender ID="DropShadowExtender1" runat="server"
                                    TargetControlID="Panel1"
                                    Opacity=".35"
                                    Rounded="true"
                                    Radius="10"
                                    TrackPosition="true">
    </ajaxToolkit:DropShadowExtender>
    </form>
</body>
</html>

   运行结果：




查看全文

相关阅读:
pip:No module named setuptools_rust
pip:ffi.h: No such file or directory"
docker一键搭建postgresql脚本（全网精华版原创）
前端父子页面传递消息
 ubuntu内核系统安装node和npm打包前端代码
 强制刷新dom问题
 关于html中属性设置在代码中取消问题
 mybatis-mapper.xml中调用方法
 mysql内置属性及方法
 swagger入门

原文地址：https://www.cnblogs.com/abcdwxc/p/946700.html