弹出层登录和切换全屏层注册特效
淘建站为您提供更多_表单代码_弹窗_弹出式登录_弹出层登录，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 124 次
打赏作者
觉得不错，可打赏下作者
下载资源
免费共享
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
载入js
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var k=!0;
$(".loginmask").css("opacity",0.8);
if($.browser.version <= 6){
$('#reg_setp,.loginmask').height($(document).height());
}
$(".thirdlogin ul li:odd").css({marginRight:0});
$(".openlogin").click(function(){
k&&"0px"!=$("#loginalert").css("top")&& ($("#loginalert").show(),$(".loginmask").fadeIn(500),$("#loginalert").animate({top:0},400,"easeOutQuart"))
});
$(".loginmask,.closealert").click(function(){
k&&(k=!1,$("#loginalert").animate({top:-600},400,"easeOutQuart",function(){$("#loginalert").hide();k=!0}),$(".loginmask").fadeOut(500))
});
$("#sigup_now,.reg a").click(function(){
$("#reg_setp,#setp_quicklogin").show();
$("#reg_setp").animate({left:0},500,"easeOutQuart")
});
$(".back_setp").click(function(){
"block"==$("#setp_quicklogin").css("display")&&$("#reg_setp").animate({left:"100%"},500,"easeOutQuart",function(){$("#reg_setp,#setp_quicklogin").hide()})
});
});
</script>登录注册html
<div id="header">
<ul class="login fr">
<li class="openlogin"><a href="javascript:void(0);">登录</a></li>
<li class="reg"><a href="javascript:void(0);">注册</a></li>
</ul>
</div>
