html5 input type="range"实现拖拉滑条功能

本文是最新的html5技术 实现拖拉条功能。实现如下图所示效果

html5 input type=

主要功能实现是在拖拉滑动条后,在后台处理textbox中相应的值。但是有的浏览器在拖动滑动条是,textbox里面的值一直变化,会频繁触发textchanged事件(注意jquery 在客户端给textbox赋值是并不会引起回发,即不会触发textchanged事件,需使用jquery 条用change()事件,以引起回发。)

下面贴出代码。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>



   
   
   
   
   
   
   


   


       
       
           
               

                   

                       
                       
                       

                   

                   

                       
                       
                       

                   

                   

                       
                       
                   

               

           

       

   







你可能感兴趣的:(html5 input type="range"实现拖拉滑条功能)