hta实现的涂鸦效果

2015-07-02 0

hta：HTML Applications
hta是html的可执行程序，制作很简单，将文件*.htm改为*.hta就可以了。
不过hta有自己独有的标签<hta>，并可设置其属性达到很不错的效果。
hta是制作小程序绝佳选择。
下面是一个例子，几天前在公司无聊时写的。
代码：

复制代码代码如下:

<HTML>  
<HEAD>  
<HTA:APPLICATION  
CAPTION="no"  
SCROLL="no"  
SHOWINTASKBAR="no"  
INNERBORDER="no"  
CONTEXTMENU="no"  
BORDER="none"  
SINGLEINSTANCE="yes"  
WINDOWSTATE="maximize"  
>  
<title>0009.cnblogs.com</title>  
<SCRIPT>  
var timer = 100;  
var randDiv = new Array(100);  
window.on
load = 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>

标签： hta实现的涂鸦效果

点赞 0反对 0举报 0 评论 0

免责声明：本文仅代表作者个人观点，与乐学笔记（本网）无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
本网站有部分内容均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责，若因作品内容、知识产权、版权和其他问题，请及时提供相关证明等材料并与我们留言联系，本网站将在规定时间内给予删除等相关处理.