html css 漂亮的登录界面_一个简易的Web注册登录界面

最新推荐文章于 2024-08-23 10:06:26 发布

PeterLee龍羿學長

最新推荐文章于 2024-08-23 10:06:26 发布

阅读量3k

点赞数 2

文章标签： html css 漂亮的登录界面

本文链接：https://blog.csdn.net/weixin_42121412/article/details/113076970

版权

访问：http://is666a.gitee.io/web_sign_in/

下载：叁贰壹/WEB注册登录界面

预览：

运用 HTML+CSS+JS（JQuery）

JS代码如下：

$(".witch>li").click(function (e) { 
    $(this).css("border-bottom","2px solid #fff").siblings().css("border-bottom","none");
    var aid = $(this).attr("id");
    if( aid == "registerButton" ){
        $(".content>.loginOrRegisterBox").css("height","400px");
        $("#login").css("display","none");
        $("#register").css("display","block");
    } else if( aid == "loginButton" ) {
        $(".content>.loginOrRegisterBox").css("height","340px");
        $("#login").css("display","block");
        $("#register").css("display","none");
    }
});

这里主要是使用了DOM，关于一些前端输入过滤的安全机制没有做。

CSDN：https://blog.csdn.net/weixin_43148062

简书：https://www.jianshu.com/u/45339cbb7573