文章摘要
文章主要展示了如何在HTML和JavaScript中动态生成随机颜色并随机放置div元素的脚本。通过`window.onload`事件，代码在页面加载时创建多个`div`元素，并为每个元素随机设置滤镜（如半透明效果）、背景颜色、位置和大小。`GetRandomColor()`函数用于生成随机颜色，而`Fun()`函数则循环执行更新`div`位置和背景颜色的功能。整个脚本实现了动态展示随机样式效果的功能。
CAPTION=”no”
SCROLL=”no”
SHOWINTASKBAR=”no”
INNERBORDER=”no”
CONTEXTMENU=”no”
BORDER=”none”
SINGLEINSTANCE=”yes”
WINDOWSTATE=”maximize”
>
var timer = 100;
var randDiv = new Array(100);
window.onload = function()
{
for(var i = 0; i < randDiv.length; i++)
{
randDiv[i] = document.createElement(“DIV”);
randDiv[i].style.cssText = “filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);”;
randDiv[i].style.position = “absolute”;
randDiv[i].style.background = GetRandomColor();
document.body.appendChild(randDiv[i]);
}
Fun();
}
function Fun()
{
for(var i = 0; i < randDiv.length; i++)
{
randDiv[i].style.top = Math.floor(Math.random() * window.screen.height);
randDiv[i].style.left = Math.floor(Math.random() * window.screen.width);
randDiv[i].style.width = Math.floor(Math.random() * 100);
randDiv[i].style.height = Math.floor(Math.random() * 100);
randDiv[i].style.background = GetRandomColor();
}
setTimeout(“Fun()”, timer);
}
function GetRandomColor()
{
var r = Math.floor(Math.random() * 255).toString(16);
var g = Math.floor(Math.random() * 255).toString(16);
var b = Math.floor(Math.random() * 255).toString(16);
r = r.length == 1 ? “0” + r : r;
g = g.length == 1 ? “0” + g : g;
b = b.length == 1 ? “0” + b : b;
return “#” + r + g + b;
}
© 版权声明
文章版权归作者所有，未经允许请勿转载。
