jQuery fadeIn() 具有多个 div 的不同间隔
我有一个包含六个 div 的主页。它们是不同形状的盒子，我希望它们在页面加载时以随机间隔淡入。 javascript代码如下：
$(document).ready(function(){
$("#topleft").fadeIn(2000).animate({opacity: 1.0});
});
当然，我需要将所有六个div作为目标，而不仅仅是一个，并且我希望它们在页面加载后大约3秒内随机淡入。我该怎么办呢？顺便说一句，我正在使用 jQuery，因为我是新手，所以可能有一些我不知道的东西可以使用。
I have a homepage with six div's. They are different shaped boxes, and I want them to fade in at random intervals when the page loads. The javascript code is as follows:
$(document).ready(function(){
$("#topleft").fadeIn(2000).animate({opacity: 1.0});
});
Of course, I need all six div's to be targeted, not just one, and I want them to randomly fade in within about 3 seconds of the page load. How would I go about this? By the way, I am using jQuery and since I'm new at it, there may be something I could use that I don't know about.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
这是一个示例：http://jsfiddle.net/Paulpro/gTFsk/
Here's an example for you: http://jsfiddle.net/Paulpro/gTFsk/
您可能想要做的是让所有六个 div 具有相似的类，以便您可以同时定位它们。
这是一个工作示例： http://jsfiddle.net/Akkuma/hadbz/
What you'll probably want to do is have all six divs have a similar class, so that you can target them all at once.
Here is a working example: http://jsfiddle.net/Akkuma/hadbz/
然后使用与 alldivs 相同的类创建所有 div：
Create all divs with the same class like alldivs then:
function randomFromTo(from, to){ return Math.floor(Math.random() * (to - from + 1) + from); } $('.six_div').each(function () { setTimeout(function () { $(this).animate({opacity: 1}, 2000); }, randomFromTo(100,3000)); });注意：“six_div”类需要添加到六个 div 中的每一个中，以便它们全部被选中。
function randomFromTo(from, to){ return Math.floor(Math.random() * (to - from + 1) + from); } $('.six_div').each(function () { setTimeout(function () { $(this).animate({opacity: 1}, 2000); }, randomFromTo(100,3000)); });NOTE: the 'six_div' class will need to be added to each of the six divs so they will all be selected.