sliderCaptch实现滑块拖动拼图验证码效果代码
代码语言:html
所属分类:其他
代码描述:sliderCaptch实现滑块拖动拼图验证码效果代码
代码标签: sliderCaptch 滑块 拖动 拼图 验证码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/slidercaptcha.min.css"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/slidercaptcha.min.js"></script> <style> .slidercaptcha { margin: 0 auto; width: 314px; height: 286px; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.125); margin-top: 40px; } .slidercaptcha .card-body { padding: 1rem; } .slidercaptcha canvas:first-child { border-radius: 4px; border: 1px solid #e6e8eb; } .slidercaptcha.card .card-header { background-image: none; background-color: rgba(0, 0, 0, 0.03); } .refreshIcon { top: -54px; } </style> </head> .........完整代码请登录后点击上方下载按钮下载查看
网友评论0