js滑块验证插件slideHuaKuai.js

所属分类:输入-验证

 4860  67  查看评论 (1)
分享到微信朋友圈
X
js滑块验证插件slideHuaKuai.js ie兼容8

使用方法

1、引入slideHuaKuai.js以及iconfont.css文件

<link rel="stylesheet" href="font/iconfont.css" />
<script type="text/javascript" src="slideHuaKuai.js" ></script>

2、html

<div id="box" onselectstart="return false;">
        <div class="bgColor"></div>
        <div class="txt" >滑动解锁</div>
        <!--给i标签添加上相应字体图标的类名即可-->
        <div class="slider"><i class="iconfont icondoubleright"></i></div>
</div>

直接用即可

相关插件-验证

漂亮的登录注册页+Validate表单验证+自适应手机

在“漂亮的登录页+滑动弹出框+js正则验证”的基础上,添加自适应样式和优化输入时体验,增加Validate的表单验证
  验证
 67151  623

jQuery微信开放平台注册表单

jQuery微信开放平台注册表单是一款仿微信开放平台的选项卡带步骤的注册表单验证jQuery代码。
  验证
 40246  342

jQuery随机验证码插件

点击图片进行更换验证密码
  验证
 22344  217

简洁实用的jQuery表单验证

jQuery表单验证已经扩展
  验证
 23217  208

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Fuyan 0
    2020/2/18 18:36:12
    手机上面不能滑动,怎么解决? 回复
取消回复