hta实现的涂鸦效果
2016-06-30来源:

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.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>

推荐信息
Baidu
map