slideunlock-plugin
html
Slide to unlock!
css
In this case, just set the slider and container style, according to the needs of custom css or pictures, etc.
{}
JavaScript
independent of jQuery. See the demo
<script type="text/javascript" src="js/slideunlock.min.js"></script><script type="text/javascript"> window { var slider = ".slideunlock-slider" {} { ; } { documentinnerText = "index:" + sliderindex + ", max:" + slidermax + ", lableIndex:" + sliderlableIndex + ", value:" + documentvalue + ", date:" + ; }; slider; document; }</script>
depend on jQuery. See the demo
<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/jquery.slideunlock.min.js"></script><script type="text/javascript"> </script>
var slider = element options success always;slider; // element is required and right. id or class or any identifying which can be loaded by jquery.// if you dont want to give options, please give a null object, like this -- {}
If you need to support mobile,Please add jQuery mobile
plugin:
<script type="text/javascript" src="js/jquery.mobile.min.js"></script>
Demo
See the Pen jquery-slide-unlock by Arron.y (@ArronYR) on CodePen.
About me
Article:SlideUnlock-Plugin