圣诞html源代码,html5 3D圣诞树源码
html, body { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; }
div { margin: 0; padding: 0; border: 0; }
.nav {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 27px;
background-color: white;
color: black;
text-align: center;
line-height: 25px;
}
a { color: black; text-decoration: none; border-bottom: 1px dashed black; }
a:hover { border-bottom: 1px solid red; }
.previous { float: left; margin-left: 10px; }
.next { float: right; margin-right: 10px; }
.green { color: green; }
.red { color: red; }
textarea { width: 100%; height: 100%; border: 0; padding: 0; margin: 0; padding-bottom: 20px; }
.block-outer { float: left; width: 22%; height: 100%; padding: 5px; border-left: 1px solid black; margin: 30px 3px 3px 3px; }
.block-inner { height: 68%; }
.one { border: 0; }
var collapsed = true;
function toggle() {
var fs = top.document.getElementsByTagName('frameset')[0];
var f = fs.getElementsByTagName('frame');
if (collapsed) {
fs.rows = '250px,*';
// enable resizing of frames in firefox/opera
fs.noResize = false;
f[0].noResize = false;
f[1].noResize = false;
} else {
fs.rows = '30px,*';
// disable resizing of frames in firefox/opera
fs.noResize = true;
f[0].noResize = true;
f[1].noResize = true;
}
collapsed = !collapsed;
}
var b = document.body;
var c = document.getElementsByTagName('canvas')[0];
var a = c.getContext('2d');
document.body.clientWidth; // fix bug in chrome.
// start of submission //
M=Math;Q=M.random;J=[];U=16;T=M.sin;E=M.sqrt;for(O=k=0;x=z=j=i=k<200;)with(M[k]=k?c.cloneNode(0):c){width=height=k?32:W=446;with(getContext('2d'))if(k>10|!k)for(font='60px Impact',V='rgba(';I=i*U,fillStyle=k?k==13?V+'205,205,215,.15)':V+(147+I)+','+(k%2?128+I:0)+','+I+',.5)':'#cca',i<7;)beginPath(fill(arc(U-i/3,24-i/2,k==13?4-(i++)/2:8-i++,0,M.PI*2,1)));else for(;x=T(i),y=Q()*2-1,D=x*x+y*y,B=E(D-x/.9-1.5*y+1),R=67*(B+1)*(L=k/9+.8)>>1,i++>0)+',40,.1)'),moveTo(U+x*8,U+y*8),lineTo(U+x*U,U+y*U),stroke();for(y=H=k+E(k++)*25,R=Q()*W;P=3,jH&Q()>.8?Q(P=9)*4:0)>>1]}setInterval(function G(m,l){A=T(D-11);if(l)return(m[2]-l[2])*A+(l[0]-m[0])*T(D);a.clearRect(0,0,W,W);J.sort(G);for(i=0;L=J[i++];a.drawImage(M[L[3]+1],207+L[0]*A+L[2]*T(D)>>0,L[1]>>1)){if(i==2e3)a.fillText('Merry Christmas!',U,345);if(!(i%7))a.drawImage(M[13],((157*(i*i)+T(D*5+i*i)*5)%W)>>0,((113*i+(D*i)/60)%(290+i/99))>>0);}D+=.02},1)
// end of submission //
同穷论坛
圣诞html源代码,html5 3D圣诞树源码相关推荐
- 6款炫酷的HTML5 3D特效源码
这次我们整理了6款最新的HTML5/CSS3特效及源码,这些特效包括3D花.3D立方体加载动画.3D粒子特效.3D时钟.3D旋转灯.3D原子,一起来看看吧. 1.3D花 2.3D立方体加载动画 3.3 ...
- C++ Opengl 3D世界源码
C++ Opengl 3D世界源码 项目开发环境 项目功能 项目演示 项目源码传送门 项目开发环境 开发语言:C++和IDE:VS2017,操作系统Windows版本windows SDK8.1,三方 ...
- HTML5飞机大战源码下载
原文:HTML5飞机大战源码下载 源代码下载地址:http://www.zuidaima.com/share/1735919460830208.htm
- 微信html5小游戏源码70种
2019独角兽企业重金招聘Python工程师标准>>> 微信html5小游戏源码70种 http://download.csdn.net/detail/csdddn/9419955游 ...
- 分享一个很酷很炫的html5特效网站源码
原创整理不易,转载请注明出处:分享一个很酷很炫的html5特效网站源码 代码下载地址:http://www.zuidaima.com/share/1784027301841920.htm 在线演示:h ...
- Python仓库管理系统源代码,库存管理系统源码,基于flask,内含数据库文件,已实现出入库、库存预警,库存搜索等功能
Python仓库管理系统源代码,库存管理系统源码,基于flask,内含数据库文件,已实现出入库.库存预警,库存搜索等功能 已实现三大功能:库存管理(出库.入库.低库存预警.物品搜索),预算统计,出入库 ...
- 3D休闲游戏夺宝向前冲3D游戏源码H5+安卓+IOS三端源码
cocos creator3D1.2休闲游戏夺宝向前冲3D游戏源码H5+安卓+IOS三端源码,开发脚本为typeScript方便扩展和阅读,支持cocos creator3D版本,完整的源码可直接运营 ...
- 源代码品牌升级为源码时代
成都源代码教育咨询有限公司 Chengdu Source Education Advisory Co., Ltd. 公司简介 成都源代码教育咨询有限公司(源代码教育)简称源码时代,是一家专注于IT职业 ...
- html圣诞树代码_支持手机选择背景音乐圣诞树源码
html圣诞树代码_支持手机选择背景音乐圣诞树源码小子在本地测试了下,圣诞树会根据音乐变化起来,挺好看的手机打开显示黑屏的问题,已经修复适配,上传服务器即可,如果加载慢就把远程js和css本地化或者更 ...
最新文章
- 2021年大数据ELK(十三):Elasticsearch编程(添加职位数据)
- Nginx问题定位之监控进程异常退出
- 导师:学AI的不懂计算机视觉,那你别学了
- 皮一皮:六神终于出奶茶了!
- Python练习 | Python中的运算符
- LiveVideoStack线上分享第四季(五):基于Airflow的视频编码平台
- dynamo方程怎么写_【简明自控】为什么特征方程如此重要
- 查看表字段信息 sql,mysql,oracle
- 大数据之统计学基础(一)
- HTML5 中的新特性:
- javascript 位运算符
- 四元组相加获得target
- web_xml 控制web行为
- java-web-j2e学习建议路线
- [转帖]Windows下cwRsyncServer双机连续同步部署
- HorizontalListView中setSelection方法没有实现的数据刷新的解决方法
- 深入浅出:Java多线程编程实战(一)
- 不同终端通信用c语言实现,采用蓝牙技术的北斗终端通信模块的设计
- Spring Cloud 基本理论概述
- Windows 11 修改本地账户名称