基于jQuery的弹出隐藏层的窗口特效
运行效果后,点击菜单,会弹出一个注册表单,类似于很多论坛的用户注册及登录功能那样,目前还是挺流行的。
弹出层
$(document).ready(function(){
$("#button_2").click(function(){
$("#message").hide();
});
$("#message_show").click(function(){
$("#message").show();
});
$("#message_show2").click(function(){
$("#message").show();
});
$("#message_show3").click(function(){
$("#message").show();
});
$("#message_show4").click(function(){
$("#message").show();
});
$("#message_show5").click(function(){
$("#message").show();
});
$("#message_show6").click(function(){
$("#message").show();
});
$("#message_show7").click(function(){
$("#message").show();
});
$("#message_show8").click(function(){
$("#message").show();
});
$("#message_show9").click(function(){
$("#message").show();
});
});
.pro_list {
width:720px;
margin:0 auto;
}
.menu {
width:700px;
height:30x;
padding-top:15px;
clear:both;
}
.message_box {
width:550px;
border:5px solid #bd0404;
background:#fef8f6;
position:absolute;
margin:0 auto;
left: 498px;
top: 200px;
display:none;
}
.message_box {
width:550px;
border:5px solid #bd0404;
background:#fef8f6;
position:absolute;
margin:0 auto;
left: 498px;
top: 200px;
display:none;
}
.message_box .mess_input {
width:200px;
border:1px solid #ccc;
height:20px;
caption-side:inherit;
}
.ly_td-bg {
border-bottom:#f8d1cf dashed 1px;
width:180px;
padding-right:10px;
}
.dd {
width:200px;
height:161px;
border:1px solid #ccc;
}
.bb span {
color:#855409;
font-size:14px;
margin-left:10px;
}
.mess_show {
float:right;
margin-right:5px;
}
姓名: | * 您的真实姓名 | ||||||||||||||||||||||
电话: | * 请填写您的电话号码 | ||||||||||||||||||||||
地址: | * 请填写您的地址,以保证资料邮递 | ||||||||||||||||||||||
邮箱: | * 请填写电子邮箱 | ||||||||||||||||||||||
|
|||||||||||||||||||||||
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]