Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

RedJupid/VerificationCode

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VerificationCode

效果图

效果图

Demo

演示地址:demo

Quick Start

1.Get some image with size of 300*200

2.import RedJu.js and RedJu.css

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

3.Add html and you must create elements like this

<div id="slideVerify">
    <div class="image">
        <div class="chip2"></div>
        <div class="chip"></div>
    </div>
  <div class="drag">
        <div class="bg"></div>
        <div class="text" onselectstart="return false;">请拖动滑块解锁</div>
        <div class="btn">&gt;&gt;</div>
    </div>
</div>

4.Finally new Object to import the plugin

<script type="text/javascript">
  var slideVerify = new SlideVerify("img/",9);
</script>

SlideVerify()'s first arguments represent the path of your image and the second arguments represent your number of image.You must name your image like 0.jpg,1.jpg...

About

简单的滑动验证码JS插件 图片验证码

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.