hta实现涂鸦效果代码

166 阅读 0 评论 110 点赞

我是靠谱客的博主积极自行车，最近开发中收集的这篇文章主要介绍hta实现涂鸦效果代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

<html>      
<head>      
<hta:APPLICATION      
CAPTION="no"      
SCROLL="no"      
SHOWINTASKBAR="no"      
INNERBORDER="no"      
CONTEXTMENU="no"      
BORDER="none"      
SINGLEINSTANCE="yes"      
WINDOWSTATE="maximize"      
>      
<title></title>      
<script>      
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;      
}      
</script>      
</head>      
<body>      
</body>      
</html>