程序员的表白浪漫HTML生日礼物

效果展示

正文        

本人是一名普普通通的大一学生，上学期的时候学了一段时间HTML，最近看 上有很多送给好朋友生日礼物的程序，便自己引用了一点模板，修改整合做出来一套 页，第一次写博客，写的不是很好，还请各位大佬多多包涵。本人相似作品链接：七夕节的浪漫WEB礼物（修改一下也可以作生日礼物）：   https://blog.csdn.net/weixin_43341045/article/details/98533156情人节的浪漫WEB礼物（修改一下也可以作生日礼物）https://blog.csdn.net/weixin_43341045/article/details/104291776B站上有本作品详细的作品展示效果，本人B站详情请见： https://www.bilibili.com/video/av46100540

         更多有趣的HTML礼物详情请看我的B站合集https://www.bilibili.com/video/av84894004前情提要：三个页面都有背景音乐，使用的是audio，为了整个页面的美观是隐藏起来了，每个页面之间都设置了延迟1.5s的跳转（方便展示按钮点击特效）

第一页：登录界面

第一页大部分东西都是可以修改的，Eg：密码，账 ，和那个登录按钮，本页面是个动态的页面。

第一页css部分 

第一页JavaScript 

CAV={FRONT:0,BACK:1,DOUBLE:2,SVGNS:"http://www.w3.org/2000/svg"};CAV.Array=typeof Float32Array==="function"span class="hljs-title class_">Float32Array:Array;CAV.Utils={isNumber:function(a){return!isNaN(parseFloat(a))&&isFinite(a)}};(function(){for(var a=0,b=["ms","moz","webkit","o"],c=0;clength&&!window.requestAnimationFrame;++c)window.requestAnimationFrame=window[b[c]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[b[c]+"CancelAnimationFrame"]||window[b[c]+"CancelRequestAnimationFrame"];if(!window.requestAnimationFrame)window.requestAnimationFrame=function(b){var c=(new Date).getTime(),f=Math.max(0,16-(c-a)),g=window.setTimeout(function(){b(c+f)},f);a=c+f;return g};if(!window.cancelAnimationFrame)window.cancelAnimationFrame=function(a){clearTimeout(a)}})();Math.PIM2=Math.PI*2;Math.PID2=Math.PI/2;Math.randomInRange=function(a,b){return a+(b-a)*Math.random()};Math.clamp=function(a,b,c){a=Math.max(a,b);return a=Math.min(a,c)};CAV.Vector3={create:function(a,b,c){var d=new CAV.Array(3);this.set(d,a,b,c);return d},clone:function(a){var b=this.create();this.copy(b,a);return b},set:function(a,b,c,d){a[0]=b||0;a[1]=c||0;a[2]=d||0;return this},setX:function(a,b){a[0]=b||0;return this},setY:function(
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！