新年快乐!分享两个新年代码。
1.圣诞树:
一个圣诞树代码,但是画风有点难看。
点赞一个吧,求求了~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head><title>点赞一个吧,求求了。</title><meta charset="utf-8" ><style>body{background:url(./002.png);background-size: cover;background-attachment: fixed;background-color:#008000;}<audio autoplay="autopaly"><source src="renxi.mp3" type="audio/mp3" /></audio>div #container{margin-left:auto;margin-right:auto;width:168px;}body{text-align: center;}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; }</style>
</head>
<body marginwidth="0" marginheight="0">
<canvas id="c" height="356" width="446"><script>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/operafs.noResize = false;f[0].noResize = false;f[1].noResize = false;} else {fs.rows = '30px,*';// disable resizing of frames in firefox/operafs.noResize = true;f[0].noResize = true;f[1].noResize = true;}collapsed = !collapsed;}</script><script>var b = document.body;var c = document.getElementsByTagName('canvas')[0];var a = c.getContext('2d');document.body.clientWidth; // fix bug in chrome.</script><script>// 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++<W;)if(D<1)beginPath(strokeStyle=V+240+','+(R+B*L>>0)+',200,.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,j<H;)J[O++]=[x+=T(R)*P+Q()*6-3,y+=Q()*U-8,z+=T(R-11)*P+Q()*6-3,j/H*20+((j+=U)>H&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 //</script><audio autoplay="autopaly"><source src="renxi.mp3" type="audio/mp3" /></audio></body>
</html>
跨年倒计时
很好看,画风很好看
直接看代码
<!doctype html><html><head><meta charset="utf-8"><title>新年快乐</title><style>body{overflow: hidden;margin: 0;}h1{position: fixed;top: 30%;left: 0;width: 100%;text-align: center;transform:translateY(-50%);font-family: 'Love Ya Like A Sister', cursive;font-size: 60px;color: ff64d9;padding: 0 20px;}h1 span{position: fixed;left: 0;width: 100%;text-align: center;margin-top:30px;font-size:40px;}</style></head><body><h1 id="h1"></h1><canvas></canvas> <script>var canvas = document.querySelector("canvas"),ctx = canvas.getContext("2d");var ww,wh;function onResize(){ww = canvas.width = window.innerWidth;wh = canvas.height = window.innerHeight;}ctx.strokeStyle = "red";ctx.shadowBlur = 25;ctx.shadowColor = "hsla(0, 100%, 60%,0.5)";var precision = 100;var hearts = [];var mouseMoved = false;function onMove(e){mouseMoved = true;if(e.type === "touchmove"){hearts.push(new Heart(e.touches[0].clientX, e.touches[0].clientY));hearts.push(new Heart(e.touches[0].clientX, e.touches[0].clientY));}else{hearts.push(new Heart(e.clientX, e.clientY));hearts.push(new Heart(e.clientX, e.clientY));}}var Heart = function(x,y){this.x = x || Math.random()*ww;this.y = y || Math.random()*wh;this.size = Math.random()*2 + 1;this.shadowBlur = Math.random() * 10;this.speedX = (Math.random()+0.2-0.6) * 8;this.speedY = (Math.random()+0.2-0.6) * 8;this.speedSize = Math.random()*0.05 + 0.01;this.opacity = 1;this.vertices = [];for (var i = 0; i < precision; i++) {var step = (i / precision - 0.5) * (Math.PI * 2);var vector = {x : (15 * Math.pow(Math.sin(step), 3)),y : -(13 * Math.cos(step) - 5 * Math.cos(2 * step) - 2 * Math.cos(3 * step) - Math.cos(4 * step))}this.vertices.push(vector);}}Heart.prototype.draw = function(){this.size -= this.speedSize;this.x += this.speedX;this.y += this.speedY;ctx.save();ctx.translate(-1000,this.y);ctx.scale(this.size, this.size);ctx.beginPath();for (var i = 0; i < precision; i++) {var vector = this.vertices[i];ctx.lineTo(vector.x, vector.y);}ctx.globalAlpha = this.size;ctx.shadowBlur = Math.round((3 - this.size) * 10);ctx.shadowColor = "hsla(0, 100%, 60%,0.5)";ctx.shadowOffsetX = this.x + 1000;ctx.globalCompositeOperation = "screen"ctx.closePath();ctx.fill()ctx.restore();};function render(a){requestAnimationFrame(render);hearts.push(new Heart())ctx.clearRect(0,0,ww,wh);for (var i = 0; i < hearts.length; i++) {hearts[i].draw();if(hearts[i].size <= 0){hearts.splice(i,1);i--;}}}onResize();window.addEventListener("mousemove", onMove);window.addEventListener("touchmove", onMove);window.addEventListener("resize", onResize);requestAnimationFrame(render);window.onload=function starttime(){time(h1,'2023,01,01'); // 2023年元旦时间ptimer = setTimeout(starttime,1000); // 添加计时器}function time(obj,futimg){var nowtime = new Date().getTime(); // 现在时间转换为时间戳var futruetime = new Date(futimg).getTime(); // 未来时间转换为时间戳var msec = futruetime-nowtime; // 毫秒 未来时间-现在时间var time = (msec/1000); // 毫秒/1000var day = parseInt(time/86400); // 天 24*60*60*1000var hour = parseInt(time/3600)-24*day; // 小时 60*60 总小时数-过去的小时数=现在的小时数var minute = parseInt(time%3600/60); // 分 -(day*24) 以60秒为一整份 取余 剩下秒数 秒数/60 就是分钟数var second = parseInt(time%60); // 以60秒为一整份 取余 剩下秒数obj.innerHTML="<br>距离2023年还有:<br>"+day+"天"+hour+"小时"+minute+"分"+second+"秒"+"<br><span>平安喜乐<br>万事顺遂</span>"return true;}</script></body></html>
点赞+留言
新年快乐!分享两个新年代码。相关推荐
- 冬天到了,分享两款雪花特效代码
冬天到了,或者圣诞节到了,很多网站会用到雪花特效, 今天我就分享两款觉得比较好的雪花js特效代码给大家, 当然不是小弟原创的,得感谢原创作者的无私奉献 一.下雪特效代码① 该特效的雪花是有雪花的八角形 ...
- 微信团队分享:微信支付代码重构带来的移动端软件架构上的思考
本文原文由微信客户端高级工程师方秋枋原创发表于WeMobileDev公众号,收录时有修订和加工,感谢作者的无私分享. 1.引言 作为一个重要业务,微信支付在客户端上面临着各种问题. 其中最核心问题就是 ...
- 分享两种好看的CSS表格样式
分享两种好看的CSS表格样式,要的摘走,呵呵(如上图). 代码: <!DOCTYPE html><html><head><meta http-equiv=&q ...
- ML之xgboost:绘制xgboost的二叉树graphviz的两种方法代码实现
ML之xgboost:绘制xgboost的二叉树graphviz的两种方法代码实现 目录 绘制xgboost的二叉树graphviz T1.采用to_graphviz法绘制树图 T2.采用plot_t ...
- Pandas数据探索分析,分享两个神器!
在使用 pandas 进行数据分析时,进行一定的数据探索性分析(EDA)是必不可少的一个步骤,例如常见统计指标计算.缺失值.重复值统计等. 使用 df.describe() 等函数进行探索当然是常见操 ...
- 电脑怎么卸载软件干净_不要说你的电脑卸载很干净!分享两款卸载神器!
今天给大家分享两款卸载神器,请收藏好! NO.1: Revo Uninstaller Pro 4.1.0 卸载工具专业便携版 自己一直在用,非常好用. Revo Uninstaller Pro是一 ...
- Android实现分享代码,Android 分享功能的实现代码
Android 分享功能的实现代码 一个Activity中,取出设备上安装的所有支持分享动作的Activity,在grid中显示. 实例代码: /** * 分享activity */ public c ...
- 分享两个常见的搜索算法:BFS和DFS
本文分享自华为云社区<BFS和DFS算法初探>,作者: ayin. 本次分享两个常见的搜索算法 1.BFS 即广度优先搜索 2.DFS 即深度优先搜索 岛屿数量 给定一个由 '1'(陆地) ...
- Notepad++如何对比文件 Notepad++对比两个文件代码方法
大家在使用Notepad++的时候,需要对编辑的两个文件进行比较,找出两个文件代码的区别,快速进行编辑修改,那么Notepad++如何对比文件,下面小编就给大家带来Notepad++对比两个文件代码方 ...
最新文章
- Oracle Goldengate Windows平台Oracle-Oracle单向复制
- 如何实现Word、PDF,TXT文件的全文内容检索?
- 【Java 泛型】泛型简介 ( 泛型类 | 泛型方法 | 静态方法的泛型 | 泛型类与泛型方法完整示例 )
- 关于Icon,Image,ImageIcon的简单的对比参考
- 数据库笔记——数据模型
- How to think positively 如何培养正念
- date js 半年_JavaScript Date对象
- 时间小知识对于时间转换可能有帮助
- 计算机里的东西太多,电脑里的东西太多,怎么样清理一下啊
- activeperl安装不成功_SWOOLE进阶-00环境安装
- Android Studio(8)---为新设备添加模块
- 适合办公的笔记本电脑_最适合你的十款笔记本电脑
- Android studio 0.5.0 注意事项
- mybatis开启二级缓存和懒加载,类型别名,类都简称
- 白话讲解:消息队列到底解决了什么问题?
- Thunder团队第六周 - Scrum会议6
- 记录一次.net 4.7.2安装失败解决情况
- 智能硬件(1)--- 智能硬件开发流程
- linux内核oom,linux下OOM问题排查 互联网技术圈 互联网技术圈
- 下载网页视频 下载网页音乐 一般视频音频和m3u8均可