亲宝软件园·资讯

展开

hta实现的涂鸦效果

人气:0
想了解hta实现的涂鸦效果的相关内容吗,在本文为您仔细讲解的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:hta实现的涂鸦效果,下面大家一起来学习吧。
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>

加载全部内容

相关教程
猜你喜欢
用户评论