ajax控件DragPanelExtender实现拖动层

作者在 2008-05-02 22:33:18 发布以下内容
控件名:DragPanelExtender
用途及效果:实现可以拖动的层,就像QQ控件自定义的层那样来拖动,不过缺点就是这个当刷新的时候还是回到原来的地方去了。
属性:该控件属性就只有两个。
TargetControlID:要控制的那个层里面的panel
 DragHandleID:这个不是太好解释,怎么说了,就是用来拖动整个层的把柄吧,呵呵……
方法:
1.拖动一个div
2.在div中放上一个大panel用来装整个要拖动的内容。
3.再托一个panel,也就是上面说的把柄。
4.托一个包含内容的panel
5.设置属性。
eg:
<div style=" 229px; height: 275px">
            <asp:Panel ID="Panel1" runat="server" Height="296px" "237px">
                <asp:Panel ID="Panel2" runat="server" Height="39px" Style="cursor: move; color: #ffffff;
                    font-family: 楷体_GB2312; background-color: #ff3399" "100%">
                    <span style="font-size: 16pt">拖动试试啊</span><br />
                </asp:Panel>
                <asp:Panel ID="Panel3" runat="server" Height="100%" Style="background-color: #ffffcc"
                    "100%">
                    <asp:Image ID="Image1" runat="server" Height="295px" ImageUrl="~/未命名.gif" "236px" /></asp:Panel>
            </asp:Panel>
        </div>
        <cc1:DragPanelExtender ID="DragPanelExtender1" runat="server" TargetControlID="Panel1" DragHandleID="panel2">
        </cc1:DragPanelExtender>

效果图:
 
 
————————————————————
技术日志 | 阅读 2565 次
文章评论,共0条
游客请输入验证码