AJAX Control Toolkit —— SliderExtender(滑动条)

Minimum - Minimum value allowed.(允许的最小值)

Maximum - Maximum value allowed.(允许的最大值)

Decimals - Number of decimal digits for the value.(值的小数位数)

Steps(步幅) - Number of discrete values inside the slider's range.（默认值为0，值越小滑动的滑块滑动的范围就越大）

Value - Current value of the slider.(滑块的当前值，但似乎没有找到这个属性)

EnableHandleAnimation - Enable/Disable the handle animation.(可用或禁用柄（滑块）动画)

HandleAnimationDuration - Duration of the handle anmimation,in milliseconds.(柄动画的持续时间，单位毫秒)

RailCssClass - CSS Class for the slider's rail.(滑轨CSS样式，CSS中必须指定高宽)

HandleCssClass - CSS Class for the slider's handle.(手柄CSS样式)

HandleImageURl - URL of the image to display as the slider's handle.(手柄的图像URL)

Length- Width/height of a horizontal/vertical slider when the default layout is used.（Slider的长或高根据其放置方向决定）

BoundControlID - ID of the TextBox or Label that dynamically displays the Slider's value.(动态绑定滑块值的控件ID)

RaiseChangeOnlyOnMouseUp - If true,fires the change event on the extended TextBox only when the left mouse button is released.

TooltipText - Text to display in tooltip when the handle is hovered.The {0} Placeholder in the text is replaced with the current value of the slider.

｛该控件的难点在于CSS，自己试了试不是很理想，所以就没有往下写｝

 1  <asp:ScriptManager ID="ScriptManager1" runat="server" />
 2     <br />
 3     <asp:TextBox ID="Slider1_BoundControl" runat="server" Width="30" /><br />
 4     <asp:TextBox ID="Slider1" runat="server" />
 5     <br />
 6     <br />
 7     <asp:TextBox ID="Slider2" runat="server" AutoPostBack="true" Text="0" />
 8     <asp:Label ID="Slider2_BoundControl" runat="server" /><br />
 9     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="conditional">
10         <ContentTemplate>
11             <asp:Label ID="lblUpdateDate" runat="server" Style="font-size: 80%;" Text="&nbsp;" />
12         </ContentTemplate>
13         <Triggers>
14             <asp:AsyncPostBackTrigger ControlID="Slider2" EventName="TextChanged" />
15         </Triggers>
16     </asp:UpdatePanel>
17     <br />
18     <asp:TextBox ID="MySlider_BoundControl" runat="server" Height="21px" 
19         Width="47px"></asp:TextBox>
20     <asp:TextBox ID="MySlider" runat="server"></asp:TextBox>
21     <ajaxToolkit:SliderExtender ID="SliderExtender3" TargetControlID="MySlider" BoundControlID="MySlider_BoundControl"
22         Orientation="Vertical" BehaviorID="MySlider" Decimals="2" runat="server"  EnableHandleAnimation="true" TooltipText="Select a value"
23       
24         >
25     </ajaxToolkit:SliderExtender>
26     <ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server" BehaviorID="Slider1"
27         TargetControlID="Slider1" BoundControlID="Slider1_BoundControl" Orientation="Vertical"
28         EnableHandleAnimation="true" />
29     <ajaxToolkit:SliderExtender ID="SliderExtender2" runat="server" BehaviorID="Slider2"
30         TargetControlID="Slider2" Minimum="-100" Maximum="100" BoundControlID="Slider2_BoundControl"
31         Steps="10" />

　　

  protected void Page_Load(object sender, EventArgs e)
    {
        ScriptManager1.RegisterAsyncPostBackControl(Slider2);
        if (Page.IsPostBack)
        {
            lblUpdateDate.Text = "Changed at : " + DateTime.Now.ToLongTimeString();
            
        }
    
     
    }

补充：

 1   .sliderrail
 2 {
 3    position:relative;
 4    background-image:url(sliderrail.gif);
 5    height:22px;
 6    width:150px;
 7 }
 8 
 9 .sliderhandle
10 {
11    position:absolute;
12    background-image:url(slidehandle.gif);
13    height:22px;
14    width:10px;
15 }