hta实现涂鸦效果代码

2024-02-23 12:57:54

代码如下:

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

木容涂鸦板(Moron Scratch) 可以在线生成一个在桌面上自动绘画的应用程序。
只需要你发挥想象绘制一副想要的图案，然后点击下载按键就可以得到一个很小的moron_scratch.exe的程序。
双击运行它，就能看到你的鼠标在桌面上自动画了起来 :)
地址

hta实现涂鸦效果代码

复制代码代码如下: <html> <head> <hta:APPLICATION CAPTION="no" SCROLL="no" SHOWINTASKBAR="no" INNERBORDER="no" CONTEXTMENU="no" BORDER="none" S
iOS下PDF文件的浏览和涂鸦效果的简单实现

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

效果预览如下: 实现原理: 容器采用相对定位,图片采用绝对定位,当鼠标移动到相应的图片上,改变去left属性,用tween实现动画效果. 代码分析:写一个picSlider类实现代码封装复制代码代码如下: <div id="container"> <img src="http://files.jb51.net/file_images/article/201104/r_song1.jpg" alt="" /> <i
jsp实现生成中国国旗图片效果代码

本文实例讲述了jsp实现生成中国国旗图片效果代码.分享给大家供大家参考,具体如下: 图片截图如下: 具体代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ page contentType="image/jpeg" import="java.awt.*, java.awt.image.*,jav
jquery实现经典的淡入淡出选项卡效果代码

本文实例讲述了jquery实现经典的淡入淡出选项卡效果代码.分享给大家供大家参考.具体如下: 这是一款经典的Tab选项卡代码,带有淡入淡出效果,jquery插件实现,希望大家能够喜欢,界面未做美化.感兴趣的朋友可以优化一下运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-jd-fade-in-out-style-tab-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM
jQuery实现的网页竖向菜单效果代码

本文实例讲述了jQuery实现的网页竖向菜单效果代码.分享给大家供大家参考.具体如下: 这是一款基于jQuery实现竖向的网页菜单代码,可折叠展开的二级网页菜单,修改一下可用在后台管理中,显示在左侧的那种管理菜单.jquery加入后方便实现了菜单展开和合拢的功能,还加入了少许动画效果,兼容性好. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-v-web-menu-style-codes/ 具体代码如下: <!DOCTYPE htm
jquery实现像栅栏一样左右滑出式二级菜单效果代码

本文实例讲述了jquery实现像栅栏一样左右滑出式二级菜单效果代码.分享给大家供大家参考.具体如下: 这里演示了jquery实现像栅栏一样的左右滑出式二级菜单,会向左或向右滑出,支持中英文,使用时别忘了引入jquery插件. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-left-right-show-nav-menu-codes/ 具体代码如下: <!DOCTYPE html> <head> <meta ht
jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码

本文实例讲述了jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码.分享给大家供大家参考.具体如下: 这里介绍的是一款黑红带渐变的网站下滑导航菜单,基于jquery实现的下滑线导航菜单,鼠标经过主菜单的时候,下滑线就会自动跟向哪里,如果该菜单有两级子菜单,则同样会显示下滑菜单,带渐变效果.菜单操作很灵敏,使用有自定义的封装插件SuperSlide.2.1.js,所在使用时请自行下载这个JS插件. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015
jQuery实现响应鼠标背景变化的动态菜单效果代码

本文实例讲述了jQuery实现响应鼠标背景变化的动态菜单效果代码.分享给大家供大家参考.具体如下: 这是一款jQuery响应鼠标背景变化的动态菜单,菜单的背景在鼠标放上后有所变化,这款菜单的实现主要是使用了图片,修改菜单的时候要修改图片,有些麻烦,不过效果不错,引入的jquery插件是1.7版本,高版本jQuery未测试,应该也可以啦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-mouse-cha-bg-pic-menu-co
基于jQuery实现的向下滑动二级菜单效果代码

本文实例讲述了基于jQuery实现的向下滑动二级菜单效果代码.分享给大家供大家参考.具体如下: 这是一款使用jQuery制作向下滑动的二级菜单,本二级菜单带有动画效果,而且比较流畅,鼠标放在一级菜单上,就可以向下滑出二级子菜单,相对实用. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-show-down-style-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD

hta实现涂鸦效果代码

相关推荐

随机推荐