效果图片:
推 动 前
推 动 后 
CSS中的资源图片:
HandleHand
Css样式代码:(注意这里的Css样式是分别对应ResizableControl帮定控件Panel里面样式的)
body {
}
.frameImage
{
overflow:hidden;
float:left;
padding:3px;
}
.handleImage
{
width:15px;
height:16px;
background-image:url(images/HandleHand.png);
overflow:hidden;
cursor:se-resize;
}
.resizingImage
{
padding:0px;
border-style:solid;
border-width:3px;
border-color:#B4D35D;
}
显示页面Html代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>AJAX控件之ResizableControl</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body style="text-align: center">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<asp:Panel ID="Panel1" runat="server" Height="375px" Width="500px" CssClass="frameImage">
<asp:Image ID="Image1" runat="server" Height="100%" ImageUrl="~/images/air.jpg" Width="100%" /></asp:Panel>
</div>
<cc1:ResizableControlExtender ID="ResizableControlExtender1" runat="server" TargetControlID="Panel1" HandleCssClass="handleImage" HandleOffsetX="3" HandleOffsetY="3" MaximumHeight="800" MaximumWidth="1000" MinimumHeight="50" MinimumWidth="150" ResizableCssClass="resizingImage">
</cc1:ResizableControlExtender>
</form>
</body>
</html>
推 动 前
推 动 后 CSS中的资源图片:
HandleHand
Css样式代码:(注意这里的Css样式是分别对应ResizableControl帮定控件Panel里面样式的)
body {
}.frameImage{ overflow:hidden; float:left; padding:3px;}.handleImage{ width:15px; height:16px; background-image:url(images/HandleHand.png); overflow:hidden; cursor:se-resize;}.resizingImage{ padding:0px; border-style:solid; border-width:3px; border-color:#B4D35D;}显示页面Html代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>AJAX控件之ResizableControl</title> <link href="StyleSheet.css" rel="stylesheet" type="text/css" /></head><body style="text-align: center"> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <div> <asp:Panel ID="Panel1" runat="server" Height="375px" Width="500px" CssClass="frameImage"> <asp:Image ID="Image1" runat="server" Height="100%" ImageUrl="~/images/air.jpg" Width="100%" /></asp:Panel> </div> <cc1:ResizableControlExtender ID="ResizableControlExtender1" runat="server" TargetControlID="Panel1" HandleCssClass="handleImage" HandleOffsetX="3" HandleOffsetY="3" MaximumHeight="800" MaximumWidth="1000" MinimumHeight="50" MinimumWidth="150" ResizableCssClass="resizingImage"> </cc1:ResizableControlExtender> </form></body></html>
浙公网安备 33010602011771号