html登陆滑动验证,js实现登录时的滑动验证【原创】

1、首先添加jq第三方库和jquery.slideunlock.js插件

jquery.slideunlock

css样式：

#slider {

margin: 0 auto;

width: 235px;

height: 40px;

position: relative;

border-radius: 2px;

background-color: #dae2d0;

overflow: hidden;

text-align: center;

user-select: none;

-moz-user-select: none;

-webkit-user-select: none;

}

#slider_bg {

position: absolute;

left: 0;

top: 0;

height: 100%;

background-color: #7AC23C;

z-index: 1;

}

#label {

width: 46px;

position: absolute;

left: 0;

top: 0;

height: 38px;

line-height: 38px;

border: 1px solid #cccccc;

background: #fff;

z-index: 3;

cursor: move;

color: #ff9e77;

font-size: 16px;

font-w