此作品效果非常棒,实现了jquery弹出层登录和切换全屏层注册特效,是从事政府资助工作的网友杰立整理分享,加入了css3样式,配合jquery动画插件jquery.easing一起使用,弹出登录层的关闭按钮有360度旋转效果,非常实用,网友们可以下载下来自己看一下。。。
核心jquery代码如下:
$(".loginmask").css("opacity", 0.8);
$(".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))
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
弹出层 滑动插件 360度旋转 css3 图片3D旋转 表单验证 jquery弹窗插件 网友杰立 遮罩层 jquery.easing