How JQuery implements a sliding button switch _jquery

Slide Switch button Everyone can see in the major sites, the following small series to share a piece based on jquery implementation of a sliding button switch effect, interested friends can refer to the implementation of the Code.

First to show you the effect of the picture:

Code:

<! DOCTYPE html>  

It is to be noted that:

1, this side of the sliding speed is 300ms, as if it is uniform, there is no linear speed that kind; try to find out if it can be like CSS3 ease that linear movement.

2, the callback function in the Animate method, that is, the function called after the motion is completed.

The above is a small series to introduce the jquery = realize a sliding button switch function, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!