欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery圖形密碼實(shí)現(xiàn)方法

 更新時(shí)間:2015年03月11日 15:13:20   作者:無冷  
這篇文章主要介紹了jquery圖形密碼實(shí)現(xiàn)方法,涉及jQuery操作圖形特效的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jquery圖形密碼實(shí)現(xiàn)方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:

復(fù)制代碼 代碼如下:
<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>密碼錯(cuò)了,重來吧!</p></div>');
                $('#tips').slideDown(500).delay(2000).slideUp(500);
                $('#lower span').removeClass("select");
                n=0;
                y=['4','8','12','13','14','15','16'];
            }
        }  
    });
});
</script>

希望本文所述對(duì)大家的jquery程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • juery框架寫的彈窗效果適合新手

    juery框架寫的彈窗效果適合新手

    彈窗效果想必大家都有見到過吧,在本文將為大家介紹下使用juery框架來寫個(gè)適合新手學(xué)習(xí)的彈窗效果
    2013-11-11
  • JQuery獲得內(nèi)容和屬性方法解析

    JQuery獲得內(nèi)容和屬性方法解析

    這篇文章主要介紹了JQuery獲得內(nèi)容和屬性方法解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-05-05
  • 兩種方法解決javascript url post 特殊字符轉(zhuǎn)義 + & #

    兩種方法解決javascript url post 特殊字符轉(zhuǎn)義 + & #

    本文主要介紹javascript使用url傳值的時(shí)候數(shù)據(jù)丟失的問題,希望對(duì)大家有所幫助。
    2016-04-04
  • jQuery插件pagination實(shí)現(xiàn)分頁特效

    jQuery插件pagination實(shí)現(xiàn)分頁特效

    jQuery分頁插件示例,ajax方式的jQuery前端分頁插件,其核心代碼jquery.pagination.js已隨示例打包,Demo中包括了5種不同的分頁效果演示,全部是Ajax無刷新方式實(shí)現(xiàn)分頁,對(duì)于搞前端開發(fā)的朋友來說,這是個(gè)值得收藏的代碼特效,為以后實(shí)現(xiàn)無刷新分頁提供方便。
    2015-04-04
  • 全面解析jQuery $(document).ready()和JavaScript onload事件

    全面解析jQuery $(document).ready()和JavaScript onload事件

    這篇文章主要介紹了全面解析jQuery $(document).ready()和JavaScript onload事件的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-06-06
  • jquery圖片滾動(dòng)放大代碼分享(2)

    jquery圖片滾動(dòng)放大代碼分享(2)

    這篇文章主要介紹了jquery圖片滾動(dòng)放大效果,功能實(shí)現(xiàn)非常簡(jiǎn)單,推薦給大家,有需要的小伙伴可以參考下。
    2015-08-08
  • JQuery 學(xué)習(xí)筆記 選擇器之五

    JQuery 學(xué)習(xí)筆記 選擇器之五

    測(cè)試代碼如下,本例子中設(shè)置的著色比較多,哈,都是隨便輸些數(shù)字進(jìn)去的,感覺這樣更容易讓大家看到效果,呵,如果我的講的有哪不好麻煩大家多留言教導(dǎo)下^^
    2009-07-07
  • jquery插件實(shí)現(xiàn)懸浮的菜單

    jquery插件實(shí)現(xiàn)懸浮的菜單

    這篇文章主要為大家詳細(xì)介紹了jquery插件實(shí)現(xiàn)懸浮的菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-04-04
  • jQuery獲取Select選擇的Text和Value(詳細(xì)匯總)

    jQuery獲取Select選擇的Text和Value(詳細(xì)匯總)

    Select選擇的Text和Value在使用中可能都需要獲取到它們的值,以至搜集用戶的需求,本文整理了一些常用而實(shí)用的操作技巧,感興趣的朋友可以了解下,就當(dāng)鞏固自己的知識(shí)了,希望本文對(duì)你有所幫助
    2013-01-01
  • jQuery UI Dialog控件中的表單無法正常提交的解決方法

    jQuery UI Dialog控件中的表單無法正常提交的解決方法

    研究了頁面源碼后發(fā)現(xiàn),jQuery UI Dialog控件初始化時(shí)動(dòng)態(tài)生成的HTML元素被添加到頁面的尾部、form元素的后面,而原始的Dialog模板部分(其內(nèi)包含表單元素)也被移到了 動(dòng)態(tài)生成的HTML元素內(nèi)。
    2010-12-12

最新評(píng)論