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，自己试了试不是很理想，所以就没有往下写｝

 <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <br />
    <asp:TextBox ID="Slider1_BoundControl" runat="server" Width="30" /><br />
    <asp:TextBox ID="Slider1" runat="server" />
    <br />
    <br />
    <asp:TextBox ID="Slider2" runat="server" AutoPostBack="true" Text="0" />
    <asp:Label ID="Slider2_BoundControl" runat="server" /><br />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="conditional">
        <ContentTemplate>
            <asp:Label ID="lblUpdateDate" runat="server" Style="font-size: 80%;" Text="&nbsp;" />
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Slider2" EventName="TextChanged" />
        </Triggers>
    </asp:UpdatePanel>
    <br />
    <asp:TextBox ID="MySlider_BoundControl" runat="server" Height="21px" 
        Width="47px"></asp:TextBox>
    <asp:TextBox ID="MySlider" runat="server"></asp:TextBox>
    <ajaxToolkit:SliderExtender ID="SliderExtender3" TargetControlID="MySlider" BoundControlID="MySlider_BoundControl"
        Orientation="Vertical" BehaviorID="MySlider" Decimals="2" runat="server"  EnableHandleAnimation="true" TooltipText="Select a value"
      
        >
    </ajaxToolkit:SliderExtender>
    <ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server" BehaviorID="Slider1"
        TargetControlID="Slider1" BoundControlID="Slider1_BoundControl" Orientation="Vertical"
        EnableHandleAnimation="true" />
    <ajaxToolkit:SliderExtender ID="SliderExtender2" runat="server" BehaviorID="Slider2"
        TargetControlID="Slider2" Minimum="-100" Maximum="100" BoundControlID="Slider2_BoundControl"
        Steps="10" />

　　

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

补充：

  .sliderrail
{
   position:relative;
   background-image:url(sliderrail.gif);
   height:22px;
   width:150px;
}

.sliderhandle
{
   position:absolute;
   background-image:url(slidehandle.gif);
   height:22px;
   width:10px;
}