Slider Control

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
    <link href="../Scripts/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $("#txtTest").text("0");
            $(function () {
                $("#sliderTest").slider({
                    range: "max",
                    min: 0,
                    max: 10,
                    value: 0,
                    slide: function (event, ui) {
                        $("#txtTest").text(ui.value);

                        if (ui.value > 4) {
                            alert("hi");
                        }
                        else {
                            alert("hi123");
                        }
                    }
                });
            });
        });
    </script>


--------------

 <div id="sliderTest"></div>
        <br />
<label id="txtTest"></label>