jquery图形密码达成格局

完整实例代码点击此处本站下载

相关文章

相关搜索:

今天看啥

搜索技术库

返回首页

  • iphone
    6的Safari密码隐藏在哪里
  • 小米Note锁屏密码怎么设置
  • 手机唯品会登陆密码忘记该怎么重置密码?
  • 手机淘宝怎么买火车票
  • 手机qq空间怎么给自己留言?
  • 基于jQuery图片元素网格布局插件,jquery网格布

相关频道:
HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程  

Q

jquery图形密码实现方法

 这篇文章主要介绍了jquery图形密码实现方法,涉及jQuery操作图形特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

 

 

本文实例讲述了jquery图形密码实现方法。分享给大家供大家参考。具体实现方法如下:

 

代码如下:

<script type=”text/javascript”
src=”js/jquery.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
var n=0,y=[‘4′,’8′,’12’,’13’,’14’,’15’,’16’];
for(var i=1;i<=16;i++){
var Box='<span id=”box_澳门十大电子游戏平台,’+i+'” class=”box”
num=”0″></span>’;
$(‘#lower’).append(Box);
if(i<=4){
$(‘#box_’+i+”).animate({left:100*i-100+”px”}, 0)
.show(0).delay(i*400-400).animate({width:”90px”,height:”90px”,top:”300px”},
800).attr(“num”,i);
}else if(i<=8){
$(‘#box_’+i+”).animate({left:100*i-500+”px”}, 0)
.show(0).delay(i*400-400).animate({width:”90px”,height:”90px”,top:”200px”},
800).attr(“num”,i);
}else if(i<=12){
$(‘#box_’+i+”).animate({left:100*i-900+”px”}, 0)
.show(0).delay(i*400-400).animate({width:”90px”,height:”90px”,top:”100px”},
800).attr(“num”,i);
}else{
$(‘#box_’+i+”).animate({left:100*i-1300+”px”}, 0)
.show(0).delay(i*400-400).animate({width:”90px”,height:”90px”,top:”0px”},
800).attr(“num”,i);
}
};
$(‘#lower span’).bind(“click”,function(){
$(this).addClass(“select”);
var code=$(this).attr(“num”);
for (var j=0; j<y.length; j++){
if(code==y[j]){
y = jQuery.grep(y, function(n, i){
return (n != code);
});
n=n+1;
}else{
n=n+0;
}
};
if($(‘.select’).length==7){
if(n==7){
$(‘#lower’).empty().append(‘<a href=”#”></a>’);
$(‘#lower a’).fadeIn(800);
}else{
$(‘#page’).delay(1000).append(‘<div
id=”tips”><p>密码错了,重来吧!</p></div>’);
$(‘#tips’).slideDown(500).delay(2000).slideUp(500);
$(‘#lower span’).removeClass(“select”);
n=0;
y=[‘4′,’8′,’12’,’13’,’14’,’15’,’16’];
}
}
});
});
</script>

 

希望本文所述对大家的jquery程序设计有所帮助。

这篇文章主要介绍了jquery图形密码实现方法,涉及jQuery操作图形特效的技巧,具有一定参考借鉴价值,需要的朋友可以参…

V

帮客评论

X

A

C

希望本文所述对大家jQuery程序设计有所帮助。

K

D

G

I

F

‘); initials(); $.click{ var _this=$; var LetterHtml=_this.html();
LetterBox.html; Initials.css(‘background’,’rgba; setTimeout{
Initials.css(‘background’,’rgba; LetterBox.fadeOut; var _index =
_this.index{ $.animate({scrollTop: ‘0px’}, 300);//点击第一个滚到顶部
}else if{ var DefaultTop=$.position.animate({scrollTop:
DefaultTop+’px’}, 300);//点击最后一个滚到#号 }else{ var letter =
_this.text.length>0){ var LetterTop = $.position.animate({scrollTop:
LetterTop-45+’px’}, 300); } } }) var windowHeight=$; var
InitHeight=windowHeight-45; Initials.height; var LiHeight=InitHeight/28;
Initials.find.heightfunction initials() {//排序 var SortList=$; var
SortBox=$; SortList.sort.appendTo;//按首字母排序 function asc_sort {
return makePy.find.charAt < makePy.find.charAt ? 1 : -1; } var
initials = []; var num=0; SortList.each { var initial =
makePy.find.charAt; if(initial>=’A’&&initial<=’Z’){ if
(initials.indexOf initials.push; }else{ num++; } }); $.each(initials,
function {//添加首字母标签 SortBox.append(‘

P

PS:这里再为大家推荐一款关于排序的演示工具供大家参考:

L

O

本文实例讲述了jQuery实现带右侧索引功能的通讯录。分享给大家供大家参考,具体如下:

U

Y

S

T

在线动画演示插入/选择/冒泡/归并/希尔/快速排序算法过程工具:

‘); }); if{SortBox.append;} for (var i =0;i

#

E

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery表格操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery
form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

Z

J

‘ + value + ‘

H

M

N

通过jquery.charfirst.pinyin.js实现点击字母自动定位。实现动态加载通讯录数据。

B

 通讯录首字母检索    通讯录         张三      李四      王五      刘六      马七      黄八      莫九      陈十      a九      1十      黄八      今天      突然      梵蒂冈      快乐的      撒地方      官方      哦      分割      票          

html,body,div,ul,li,ol,a,input,textarea,p,dl,dt,dd{margin:0;padding:0;}ul li{list-style: none;}a{text-decoration: none;cursor: pointer;}html{height: 100%;}body{height: 100%;background: #f5f5f5;position: relative;font-family: '微软雅黑';max-width: 640px;margin:auto;}a,input,img,textarea,span,div{outline: 0;-webkit-tap-highlight-color:rgba;}header{ width:100%; height: 45px; background: #ececea; border-bottom: 1px solid #ddd;}header.fixed{ position: fixed; left: 0; top: 0; z-index: 99;}.header{ margin:0 20px; text-align: center; color: #4e4a49; font-size: 1em; height: 45px; line-height: 45px; position: relative;}#letter{ width: 100px; height: 100px; border-radius: 5px; font-size: 75px; color: #555; text-align: center; line-height: 100px; background: rgba; position: fixed; left: 50%; top: 50%; margin:-50px 0px 0px -50px; z-index: 99; display: none;}#letter img{ width: 50px; height: 50px; float: left; margin:25px 0px 0px 25px;}.sort_box{ width: 100%; padding-top: 45px; overflow: hidden;}.sort_list{ padding:10px 60px 10px 80px; position: relative; height: 40px; line-height: 40px; border-bottom:1px solid #ddd;}.sort_list .num_logo{ width: 50px; height: 50px; border-radius: 10px; overflow: hidden; position: absolute; top: 5px; left: 20px;}.sort_list .num_logo img{ width: 50px; height: 50px;}.sort_list .num_name{ color: #000;}.sort_letter{ background-color: white; height: 30px; line-height: 30px; padding-left: 20px; color:#787878; font-size: 14px; border-bottom:1px solid #ddd;}.initials{ position: fixed; top: 47px; right: 0px; height: 100%; width: 15px; padding-right: 10px; text-align: center; font-size: 12px; z-index: 99; background: rgba;}.initials li img{ width: 14px;}

${ var Initials=$; var LetterBox=$; Initials.find.append('

R

W

标签:, , , ,

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图