超炫酷css3登录界面

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

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

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

相关插件-背景,验证

多点触控插件Hammer.js

Hammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。
  背景
 127600  120

html5 canvas实现梦幻的3D刺猬球

html5 canvas实现梦幻的3D刺猬球
  背景
 26369  80

便签纸卷角风格css网页

便签纸卷角风格css网页
  背景
 16390  39

背景分割视差效果

对背景进行分割特效
  背景
 12614  111

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

    Not afraid 0
    2017/11/12 22:11:02
    需要在html中引用那些东西,小白求带 回复
    温柔的狐媚 0
    2017/11/11 22:44:30
    必须要联网才能用吗?不联网动态背景图片都没用
        西瓜0
        2017/11/11 23:30:11

        不用,里面引用的jQuery库改为本地的就行了。

        温柔的狐媚0
        2017/11/18 19:40:24

        验证码总是出不来

    回复
    追忆 0
    2017/11/10 15:00:42

    浏览器缩小背景图不能适应全屏

    回复
    无奈 0
    2017/11/1 10:41:17

    在吗 怎么跳到后台主页面啊

        Me1
        2017/11/9 15:17:46
        setTimeout(function() {
            $('.authent').hide();
            $('.login').removeClass('test');
            if (data.Status == 'ok') {
                //登录成功
                $('.login div').fadeOut(100);
                $('.success').fadeIn(1000);
                $('.success').html(data.Text);
                //跳转操作
                location.href = '你想跳转的路径';
            } else {
                AjaxErro(data);
            }
        }, 2400);
    回复
    沫毒 0
    2017/10/30 14:05:44

    怎么把验证码删掉,只留下用户名和密码

        Me1
        2017/11/9 15:31:57
        //注释html
        <!-- 
        <div class='login_fields__password'>
        	      <div class='icon'>
        	        <img alt="" src='img/key.png'>
        	      </div>
        	      <input name="code" placeholder='验证码' maxlength="4" type='text' name="ValidateNum" autocomplete="off">
        	      <div class='validation' style="opacity: 1; right: -5px;top: -3px;">
                  <canvas class="J_codeimg" id="myCanvas" onclick="Code();">对不起,您的浏览器不支持canvas,请下载最新版浏览器!</canvas>
        	      </div>
        </div>
         -->
        //注释js
        // Code();
        //修改js
        var code = $('input[name="code"]').val(); ------>  var code = false;
          } else if (code == '' || code.length != 4) {  -------->   } else if (code) {
        if(JsonData.login == truelogin && JsonData.pwd == truepwd && JsonData.code.toUpperCase() == CodeVal.toUpperCase()){    ------->
        if(JsonData.login == truelogin && JsonData.pwd == truepwd && JsonData.code == false){
    回复
    0
    2017/10/17 11:20:31
    我这里下载下来没有特效,是什么原因么?
        西瓜0
        2017/10/17 11:31:59

        用的是什么浏览器?

        0
        2017/10/17 14:13:07
        chrome
        0
        2017/10/17 14:23:46

        找到错误所在了,你的index.html 引入的<script src="js/Treatment.js" type="text/javascript"></script> 路径不对,js是小写的,不是大写的。

    回复
    沫毒 0
    2017/10/16 15:42:25

    为啥刷新一下特效就没了

        沫毒0
        2017/10/16 15:44:30

        我是说不联网的情况下

        西瓜0
        2017/10/17 11:30:59

        把代码中引用的jQuery库改为本地引用的地址就行了。

        沫毒0
        2017/10/17 11:57:58

        额。。。哪一条是引用的jQuery库的代码???

    回复
    曾经。 0
    2017/10/12 9:32:03

    我这边为什么那个中间的登录那个DIV是乱的  怎么解决啊

    回复
    lylares 0
    2017/10/10 21:18:06
    这个效果出来很久了喔,以前那个表单是粉色的...样式比这个还好看点 回复
    铁血总督 0
    2017/10/6 13:47:08

    可能是由于星空背景图片的关系,不同分辨率浏览器大小,会导致下面没有被图片填充,多出一块纯色背景

        曾?何? 、0
        2017/11/21 9:22:11

        这个怎么解决 啊

    回复
取消回复