超炫酷css3登录界面

所属分类:UI,输入-背景,验证

 33290  373  查看评论 (58)
超炫酷css3登录界面 ie兼容10
var canGetCookie = 0;//是否支持存储Cookie 0 不支持 1 支持
var ajaxmockjax = 1;//是否启用虚拟Ajax的请求响 0 不启用  1
Code();//验证码生成方法
showCheck(e);//验证码显示
//粒子背景特效
$('body').particleground({
	dotColor: '#E8DFE8',//点颜色
	lineColor: '#1D5BA8'//线颜色
});

代码中有具体功能注释 如果有不懂的 可以随时沟通

相关插件-背景,验证

超简单的背景循环插件JoynBackground

使用超简单,代码仅1句,改变参数就可以了。
  背景
 19143  217

基于canvas的星空效果

基于canvas的星空粒子效果(代码注释全!)
  背景
 22244  73

全屏背景滚动

基于HTML5的炫酷个人网站模板
  背景
 35016  488

首页大屏背景图平滑切换

首页大屏背景图平滑切换
  背景
 14975  92

讨论这个项目(58)回答他人问题或分享插件使用方法奖励jQ币

    じ沙滩搁浅de鱼づ 0
    2018/2/13 21:25:47
    我什么时候才能想你这么优秀
    回复
    小说儿 0
    2018/2/11 17:58:34
    为什么不写一个api,最好多一个注册界面呀!
    回复
    福泽天下 0
    2018/2/4 19:05:30

    谢谢分享!先试试效果

    回复
    熊の饼 0
    2018/2/3 14:55:43

    怎在页面新建多几个窗体保留背景

    回复

    シ u a ?i 0
    2018/1/13 10:58:59

    老哥   怎么去掉一进去弹框的友情提示啊 

    回复
    还我一辈子可好丨 0
    2017/12/31 21:45:02

    怎么把这个页面运用到jsp上

    回复
    0
    2017/12/28 14:51:14

    啥都不说了  谢谢分享!       ^<..>^ 

    回复
    海不会不蓝 、 0
    2017/12/26 11:36:49

    我加了ajax之后就出问题了

    var JsonData = {
        login: login,
        pwd: pwd,
        code: code
    };
    //此处做为ajax内部判断
    var url = "";
    $.ajax({
        url: yuming + '/backstage/init/login',
        type: 'post',
        data: {
            username: login,
            password: pwd
        },
        dataType: 'JSON',
        success: function(data) {
            if (data.code == 0) {
                if (JsonData.code.toUpperCase() == CodeVal.toUpperCase()) {
                    url = "Ajax/Login";
                    /*location.href="index.html";*/
                } else {
                    url = "Ajax/LoginFalse";
                }
                AjaxPost(url, JsonData,
                    function() {
                        //ajax加载中
                    },
                    function(data) {
                        //ajax返回
                        //认证完成
                        setTimeout(function() {
                            $('.authent').show().animate({
                                right: 90
                            }, {
                                easing: 'easeOutQuint',
                                duration: 600,
                                queue: false
                            });
                            $('.authent').animate({
                                opacity: 0
                            }, {
                                duration: 200,
                                queue: false
                            }).addClass('visible');
                            $('.login').removeClass('testtwo'); //平移特效
                        }, 2000);
                        setTimeout(function() {
                            $('.authent').hide();
                            $('.login').removeClass('test');
                            if (data.Status == 'ok') {
                                //登录成功
                                $('.login div').fadeOut(100);
                                $('.success').fadeIn(1000);
                                $('.success').html(data.Text);
                                //跳转操作
                            } else {
                                AjaxErro(data);
                            }
                        }, 2400);
                    });
            }
        }
    });
    回复
    海不会不蓝 、 0
    2017/12/26 11:30:10

    在哪加ajax请求后台数据呀~~

    回复
    大君子886 0
    2017/12/17 10:34:32

    怎么改密码跟用户名

    回复
取消回复