You are implementing a website redesign of an existing website that provides historical weather condition
maps. The current layout resembles the following graphic.

Year selection is implemented as a set of links, which causes the page to reload when the user changes the
year. The year selection HTML is contained in a div with an id of “year-changer”.
You need to modify the page so that the user can change the year without the page reloading. You also need to
ensure that there is minimal change to the design of the page.
Which code segment should you use?

A.
Option A

B.
Option B

C.
Option C

D.
Option D

Explanation:
jQuery code will bind the slider control to the div.
$(document).ready(function(){
$(“#slider”).slider();
});
Now, when you run this page then you will see a long slider on page with no range. As we have not specified
any range.slider control comes with various options/properties which can be set. Here are few of them.
1. min : Minimum value allowed for the slider.
2. max : Maximum allowed value for the slider.
3. step : How much you want to increment when you slide. Default is 1.
4. value : set default value of the slider.
Implement jQuery UIslider with ASP.NET
http://www.jquerybyexample.net/2010/09/implement-jquery-ui-slider-with-aspnet.html