作者在 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>
效果图:
用途及效果:实现可以拖动的层,就像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>
效果图:
————————————————————