How to implement a sliding button switch with jQuery

Sliding switch buttons can be seen on all major websites. Below, the editor will share with you an article about a sliding button switch effect based on jquery. Interested friends can refer to the implementation code.

Code:

 
 
 
 
 
 

 
 
 
 
 
 
ON
 
OFF
 
 
 
 
ON
 
OFF
 
 
 
 
 
 
 

Things to note:

1. The speed used for sliding here is 300ms, which seems to be a constant speed, not linear speed; try to find out if there is a linear movement like ease in CSS3 of.

2. The callback function in the animate method is the function called after the exercise ends.

The above is the jQuery introduced by the editor = to implement the function of a sliding button switch. I hope it will be helpful to everyone