js滑块验证插件slideHuaKuai.js

所属分类:输入-验证

 16312  194  查看评论 (2)
分享到微信朋友圈
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>

直接用即可

相关插件-验证

简洁实用的jQuery表单验证

jQuery表单验证已经扩展
  验证
 34543  336

jQuery随机验证码

19,AZ随机生成验证码,且颜色及形状随机改变
  验证
 34227  321

JQuery表单验证插件EasyValidator,超级简单易用!

用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手。
  验证
 52120  356

jQuery图片滑块验证(附注释)

jQuery拖拽拼图滑块验证
  验证
 23060  238

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

    Fuyan 0
    2020/2/18 18:36:12
    手机上面不能滑动,怎么解决?
        小白0
        2022/10/28 15:21:24
        换个监听方式?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复