javascript - 将 div 实例化到容器内的随机空间

标签 javascript html velocity.js

我知道这可能是一个非常基本的问题,但这里是:

我正在使用 JS 将许多 DOM 元素实例化到 HTML 页面上。

for(var i = 0; i < dotsCount; i++){
    dotsHtml += "<div class = 'dot'></div>";
}
$dots = $(dotsHtml);
$count.html(dotsHtml);

我希望它们以随机间隔的距离生成,但目前它们都如您所期望的那样沿垂直线生成。

我正在使用velocity.js 来制作它们的动画,但我不知道如何随机化它们的初始位置。

最佳答案

最简单的方法可能是使用 Math.random() 生成随机数,然后添加<div class='dot'>一个style="margin-right:"+yourRandomNumberHere+"px"

关于javascript - 将 div 实例化到容器内的随机空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33776239/

相关文章:

javascript - 这段 JS 代码发生了什么?

java - JavaScript 对象和 OO/UML/Java 对象有什么区别?

javascript - 使用javascript禁用ascx布局模板中的asp按钮

html - 您对 Internet Explorer 支持持什么立场?

Javascript 脚本加载顺序 - 函数未定义

javascript - 基于滚动的动画: how to create them

javascript - 无法识别删除个人资料图片并显示头像

javascript - onmousedown/onmouseup 功能不起作用

html - 加载动画在 Edge 中不起作用

javascript - 如何使用 Velocity.js 制作渐变偏移动画