verify.slider实现兼容手机端移动端向右滑动验证效果代码
代码语言:html
所属分类:验证
代码描述:verify.slider实现兼容手机端移动端向右滑动验证效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="minimal-ui,width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <style> body{ padding: 100px; } </style> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/verify.slider.css"> </head> <body> <h4>展示大小直接传参控制,根据验证结果执行你的业务逻辑(总文件不到8kb,不依赖其他插件)</h4> <p> 示例一(200×40像素) </p> <div id="verify_type1"></div> <br><br><p> 示例二(300×60像素) </p> <div id="verify_type2"></div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/verify.slider.js"></script> <script type="text/javascript"> /** * Notes: 调用示例一 * User: ZHL * Date: 2020/5/14 */ var type1 = document.getElementById('verify_type1'); verifyFun.bar({ dom: type1, // dom对象 width: '200', // 盒子宽 .........完整代码请登录后点击上方下载按钮下载查看
网友评论0