jQuery+CSS3动画弹出框代码jQuery+CSS3动画弹出框代码是一款手机移动端多个CSS3动画弹出框代码。jQueryCSS3弹出框动画效果
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
var w,h,className;
function getSrceenWH(){
w = $(window).width();
h = $(window).height();
$('#dialogBg').width(w).height(h);
}
window.onresize = function(){
getSrceenWH();
}
$(window).resize();
$(function(){
getSrceenWH();
//显示弹框
$('.box a').click(function(){
className = $(this).attr('class');
$('#dialogBg').fadeIn(300);
$('#dialog').removeAttr('class').addClass('animated '+className+'').fadeIn();
});
//关闭弹窗
$('.claseDialogBtn').click(function(){
$('#dialogBg').fadeOut(300,function(){
$('#dialog').addClass('bounceOutUp').fadeOut();
});
});
});
</script>
热门源码