利用数学随机生成随机不透明度数
利用数学随机生成随机不透明度数
提问于 2012-09-22 13:31:52
我试图为css的不透明度生成一个随机数。
这就是我到目前为止尝试过的。
CSS
.test{
position : absolute;
width : 15px;
height : 15px;
border-radius:15px;
background-color : black;
}脚本
$(function() {
for (var i = 0; i < 300; i++) {
$("<div>", {
class: "test",
css: {
opacity: randomOpacity
}
}).appendTo("body");
}
function randomOpacity() {
var opac = 0;
opac = Math.random() < 1;
console.log(opac);
}
randomize();
});回答 6
Stack Overflow用户
回答已采纳
发布于 2012-09-22 13:42:32
你的小提琴有很多错误：
- 你正在产卵300个div，都是绝对定位的。它们互相叠在一起，所以不管怎么说，它们都会显得黑色。
- 您实际上没有调用该函数(缺少括号)
- Math.random() <1将返回True而不是数字。
- 您不会从您的函数返回opac。
- 您调用的是随机化()，它没有定义。
Stack Overflow用户
发布于 2012-09-22 13:38:31
Math.random()已经在0和1之间生成了一个随机数，因此：
$(function() {
for (var i = 0; i < 100; i++) {
$("<div>", {
class: "test"
}).css('opacity', Math.random()).appendTo("body");
}
});编辑：在我的回答中重新插入你的循环，并从小提琴中删除绝对的pos。阅读@ChristopheBiocca (+1)的答案，以获得更完整的代码审查。
Stack Overflow用户
发布于 2012-09-22 13:40:59
JS
$(function() {
for (var i = 0; i < 300; i++){
$("<div>", {
class : "test",
css : {
opacity : randomOpacity
}
}).appendTo("body");
}
function randomOpacity(){
var opac = 0;
opac = (Math.random());
return opac;
}
}); css 移除position : absolute;，使用此css所有的div位于同一个位置。
.test{宽度:15；高度:15；边框半径:15；背景色:黑色；}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12547866
复制相关文章
相似问题
PhpStorm中的TypeScript -无自动完成功能
PHPStorm自动完成数组键(动态插入)
PhpStorm -如何关闭自动卷曲大括号插入
如何阻止IntelliJ在自动完成后放置分号？
PhpStorm:标识符被自动引用，甚至变量
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
