JQuery 拖动滑块完成验证代码

特效说明:     

一款jQuery拖动滑块完成验证代码下载,该拖拽特效基于jquery-1.7.2.min.js制作,兼容性强、判断用户拖拽是否完成进而通过验证,模仿淘宝网拖动滑块验证。(兼容测试:IE8及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)

  立即下载
使用方法:
1、调用CSS样式:
  1. <link href="public/css/drag.css" rel="stylesheet" type="text/css"/>

 2、调用JS插件代码:
  1. <script src="public/js/jquery-1.7.2.min.js" type="text/javascript"></script>
  2. <script src="public/js/drag.js" type="text/javascript"></script>
  3. <script type="text/javascript">
  4. $('#drag').drag();
  5. </script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
 
相关评论(0)
您是不是忘了说点什么?

友情提示:垃圾评论一律封号...

还没有评论,快来抢沙发吧!