jquery随机动画div(放大和缩小)

时间:2015-01-13 22:07:11

标签: javascript jquery css

http://jsfiddle.net/xwb0d48v/

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$('#zoom-box').animate({
    width:'600px',
    height:'600px',
    top:'0',
    left:'0',
    'font-size':'50px',
    'line-height':'300px'
}, 1000);
});//]]> 
</script>    

</head>

<body>
  <div id="zoom-box">ZOOMING</div>
  <div id="zoom-box2">NO ZOOM YET</div>
  <div id="zoom-box3">NO ZOOM YET</div>
  <div id="zoom-box4">NO ZOOM YET</div>
  <div id="zoom-box5">NO ZOOM YET</div>
  <div id="zoom-box6">NO ZOOM YET</div>
</body>

如何每隔5秒随机动画(放大和缩小并放大另一个)所有div?

谢谢,

1 个答案:

答案 0 :(得分:0)

您可以在图像的n秒内使用超时更改,例如调用计时器

setTimeout(function(){ alert("Hello"); }, 3000);

在您加载页面的情况下