<div id='popup1' style="display:none;background:#98bf21;height:100px;width:100px;position:absolute;"></div>
<script>
//动画方式显示
function popup1go(){
$("#popup1").css("display","");
$("#popup1").animate({
left:'250px',
opacity:'0.5',
height:'150px',
width:'150px'
},"slow" , function(){popup1over();});
}
//恢复初始状态
function popup1over(){
$('#popup1').fadeOut();
$("#popup1").css("display","none");
$("#popup1").css("left","0");
$("#popup1").css("opacity","0");
$("#popup1").css("width","100px");
$("#popup1").css("height","100px");
}
</script>
文章描述了如何使用JavaScript和CSS创建一个可动画显示和隐藏的弹出框,包括使用jQuery库进行DOM操作来控制其位置、大小和透明度。
200

被折叠的 条评论
为什么被折叠?



