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>

赞 (0)

相关推荐

  • hta实现的涂鸦效果

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

  • iOS下PDF文件的浏览和涂鸦效果的简单实现

    iOS下PDF文件的浏览和涂鸦效果的简单实现

    浏览PDF的效果 方法一:利用webview 复制代码 代码如下: -(void)loadDocument:(NSString *)documentName inView:(UIWebView *)webView  {      NSString *path = [[NSBundle mainBundle] pathForResource:documentName ofType:nil];      NSURL *url = [NSURL fileURLWithPath:path];     

  • Android编程实现在Bitmap上涂鸦效果

    本文实例讲述了Android编程实现在Bitmap上涂鸦效果.分享给大家供大家参考,具体如下: 布局文件: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" andro

  • hta实现涂鸦效果代码

    复制代码 代码如下: <html>      <head>      <hta:APPLICATION      CAPTION="no"      SCROLL="no"      SHOWINTASKBAR="no"      INNERBORDER="no"      CONTEXTMENU="no"      BORDER="none"      S

  • Android实现Path平滑的涂鸦效果实例

    Android实现Path平滑的涂鸦效果实例

    前言 在最近的一个项目中做了一个涂鸦的效果,手指快速移动,会出现折线,这篇文章记录笔触优化.下面话不多说了,来一起看看详细的介绍吧. 优化前 优化 设计到的类:Paint,Path Path类记录了坐标点集合决定线条轨迹,Paint决定怎么画 Paint处理 //连接的外边缘以圆弧的方式相交 paint.setStrokeJoin(Paint.Join.ROUND); //线条结束处绘制一个半圆 paint.setStrokeCap(Paint.Cap.ROUND); Path处理 这里用的到有

  • javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板

    js+html5 canvas实现的涂鸦画板特效,可调画笔颜色|粗细|橡皮,可以保存涂鸦效果为图片编码,非常适合学习html5的canvas,必须支持html5的浏览器才能看到效果. 复制代码 代码如下: <!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascri

  • Android 使用Path实现涂鸦功能

    Android 使用Path实现涂鸦功能

    今天实现一个涂鸦效果,会分几步实现,这里有一个重要的知识点就是图层,要理解这个,不然你看这篇博客,很迷茫,迷茫的苍茫的天涯是我的爱,先从简单的需求做起,绘制一条线,代码如下: package com.tuya; import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.Path; import android.util

  • Android编程实现的手写板和涂鸦功能

    Android编程实现的手写板和涂鸦功能

    本文实例讲述了Android编程实现的手写板和涂鸦功能.分享给大家供大家参考,具体如下: 下面仿一个Android手写板和涂鸦的功能,直接上代码: write_pad.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:greendroid="http://schemas.android.com/apk/res/com.cyrilmottier.androi

  • hta 实现的五子棋界面

    保存为 五子棋.hta,运行即可看到效果 <html> <title>五子棋界面 - zh159</title> <hrad> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <HTA:APPLICATION ID="MyhyliApp" APPLICATIONNAME="五子棋界面

  • hta文件介绍(编写小程序的好东东)

    总是想用script语言编写一些小程序,以前总是写成html格式的,可每次打开都会有安全提示,今天突然发现了如果保存成hta格式的文件,效果大不一样. 嘿嘿.. HTA是HTML Application的缩写(HTML应用程序),是软件开发的新概念,直接将HTML保存成HTA的格式,就是一个独立的应用软件,与VB.C++等程序语言所设计的软件没什么差别. 下面是一个HTA的例子: 复制代码 代码如下: <!-example1.hta--><html><head><

随机推荐