hta实现涂鸦效果代码
2008-06-21 00:13
393 查看
<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>
相关文章推荐
- hta实现的涂鸦效果
- Android Studio快捷键设置 (实现原eclipse ctrl+m 代码全屏的效果)
- 基于jQuery实现的仿百度首页滑动选项卡效果代码
- Jquery实现图片放大镜效果的思路及代码(自写)
- 用JS+CSS实现多种图片漂亮效果的代码
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- 纯CSS实现的三级导航菜单效果代码
- js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
- JS实现的不规则TAB选项卡效果代码
- js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
- jQuery-Easyui 1.2 实现多层菜单效果的代码
- 兼容ie的内阴影和外阴影实现效果及测试代码
- JS基于Mootools实现的个性菜单效果代码
- 纯CSS实现的漂亮的立体图片边框效果,阴影代码
- js实现图片轮换效果代码
- js实现的简洁网页滑动tab菜单效果代码
- jquery实现的蓝色二级导航条效果代码
- Js保留小数点的4种效果实现代码分享
- SilverLight使用C#代码实现3D透视效果
- angularjs实现的购物车效果代码实例