类似百度的登录弹出框,可用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;
}