700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 弹出框口登录php代码 如何用JQuery写出登录弹出框

弹出框口登录php代码 如何用JQuery写出登录弹出框

时间:2022-12-28 13:06:33

相关推荐

弹出框口登录php代码 如何用JQuery写出登录弹出框

类似百度的登录弹出框,可用jquery的fadeIn(),hide(),show(),slideDown()等动画函数实现,一下为html5

代码:

$(document).ready(function(){

$(".btn_click").click(function(){

// alert("hello");

$(".box_bg").fadeIn(100);

$(".box_lg").slideDown(200);

});

$(".close").click(function(){

$(".box_bg").fadeOut(100);

$(".box_lg").hide(100);

})

});

百度登录框

×

登录账号

下次自动登录

立即注册

小结:为获取文档元素可以为该元素设置一个空类,由空类名称获取,如上面的获取.close;在写表单的时候可以 放在

和中,方便对齐格式;在写css时需要对一些东西进行预设,如下:

*{

padding: 0px;

margin: 0px;

}

ol,ul{

list-style:none;

}

a{

text-decoration: none;

}

input,label{

vertical-align: middle;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。