Javascript怎样实现打开网页时网页是从天而降,占满屏幕后发生抖动
假如要求不是很严格,可以对body使用jQuery的slideDown方法,实现从天而降,抖动的话,是什么样的抖动?左右?上下?摆动?
可以用animate.css,可以实现你所需要的效果
引用的jquery.min.js文件替换成你本地的jquery文件,直接贴到html文件就可以看到效果
<html>
<head>
<script type="text/javascript" src="jquery-min.js"></script>
<script type="text/javascript">
var winW=$(window).width();
var winH=$(window).height();
$(document).ready(function(){
$("#dv").css({width:winW-100,height:winH-200});
$("#dv").slideDown();
$("#dv").slideUp();
$("#dv").slideDown();
right();
left();
right();
left();
$("#dv").animate({fontSize:'2em'},'slow');
});
function right(){
$("#dv").animate({
left:'250px',
width:winW-50,
height:winH-50
},'slow');
}
function left(){
$("#dv").animate({
left:'10px',
width:winW-50,
height:winH-50
},'slow');
}
</script>
</head>
<body>
<div id="dv" style="top:10px;width:500px;height:500px;background:pink;position:absolute;text-align:center;">
<h1>Hello! Man!</h1>
</div>
</body>
</html>