首页 > 前端开发 > 正文

生日快乐用代码怎么打

2023-10-26 03:36:44 | 我爱编程网

我爱编程网小编给大家带来了生日快乐用代码怎么打相关文章,一起来看一下吧。

本文目录一览:

生日快乐用代码怎么打

生日快乐用代码怎么打

你想要什么样子的生日快乐,如果只是单纯的字(红色的大字)
<!doctype html>
<html>
<head>
<meta name="renderer" content="webkit">
<meta charset="utf-8">
<title>茶泡泡</title>
</head>

<body>
<div >生日快乐!</div>
</body>
</html>

生日快乐用代码怎么打

如何写一个html生日快乐的代码

前几天一个朋友找到我,他说他女朋友马上过生日,于是想问问我能不能写一个生日祝福代码。好兄弟的请求当然不能拒绝,直接安排!!

于是我用html写了一个简单的页面:点开后会显示来到这个世界多长时间和祝福话语,下滑后是自转相册(有背景音乐)。

原文链接:

html生日快乐代码

核心代码(不是完整代码):

#head
{
width:100%;
height:100%;
position: absolute;
-webkit-transform-style: preserve-3d;
-webkit-animation:donghua 15s linear 0s infinite;
-moz-transform-style: preserve-3d;
-moz-animation:donghua 15s linear 0s infinite;
-ms-transform-style: preserve-3d;
-ms-animation:donghua 25s linear 0s infinite;
}
#head div
{
position: absolute;
top:0;
left:0;
width:300px;
height:400px;
border:1px solid #000
text-align: center;
line-height:100px;
}
#head div:nth-child(1)
{
-webkit-transform:rotateY(0deg) translateZ(400px);
-moz-transform:rotateY(0deg) translateZ(400px);
-ms-transform:rotateY(0deg) translateZ(400px);
background:url(images/01.png);
background-size:cover;
}12345678910111213141516171819202122232425262728293031
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.οnlοad=function starttime(){
time(h1,'2000,1,1');     // 出生时间
ptimer = setTimeout(starttime,1000); // 添加计时器
}

function time(obj,futimg){
var nowtime = new Date().getTime(); // 现在时间转换为时间戳
var futruetime =  new Date(futimg).getTime(); // 未来时间转换为时间戳
var msec = nowtime-futruetime; // 毫秒 未来时间-现在时间
var time = (msec/1000);  // 毫秒/1000
var day = parseInt(time/86400); // 天  24*60*60*1000
var 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>你已经来到这个世界:<br>"+day+"天"+hour+"小时"+minute+"分"+second+"秒"+"了<br><span>今日是你的生日,愿所有的快乐、所有的幸福、所有的温馨、所有的好运围绕在你身边。生日快乐!</span><p>下<br>滑<br>有<br>惊<br>喜</p>"

return true;
}1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162

效果如下:

这里面的文字可以自行修改,并且时间是会一直走动的,出生时间改成你女朋友的。

下滑后有自转照片:

照片可以自己换哦。
我爱编程网

补充:

很多朋友想手机端打开文件,那就需要换图片的地址和音频的地址(你可以发一个仅自己可见的说说,然后就可以生成图片的链接地址了),此时只需要发html文件就可以用手机浏览器打开了。

上图的地址换成图片的链接网址(一共十个)。

对于音频文件,我这里提供一个链接(可能过期):

上图的地址换成音频的链接网址。

大家可以网上找音乐外链。
如果是特定的音频录音,可以用这个方法:利用邮箱附件的形式,比如QQ邮箱,给自己发一封邮件,把音乐以附件的形式附带在上面,收信的时候用来下载附件的那个地址,就是歌曲的下载链接了。

完整项目:

里面有我自己找的十张照片和两个背景音乐(可以换成自己的录音),另外还有使用说明。

完整项目地址: html生日快乐代码

生日快乐用代码怎么打

手机上可以打开的生日代码怎么编

生日快乐的代码是printf(“happy birthday”);文本装饰:、无位置:相对、字体大小:8em、行高:1、颜色:红色、显示:内联块

祝你生日快乐用VB做,可以直接发送,弹出提示框,代码如下跟随:
wscript.echo文件“生日快乐”;您可以直接输入一个文本文档,然后将txt格式改为VBS。

以上就是我爱编程网小编给大家带来的生日快乐用代码怎么打,希望能对大家有所帮助。
与“生日快乐用代码怎么打”相关推荐
手机上可以打开的生日代码怎么编
手机上可以打开的生日代码怎么编

手机上可以打开的生日代码怎么编生日快乐的代码是printf(“happybirthday”);文本装饰:、无位置:相对、字体大小:8em、行高:1、颜色:红色、显示:内联块祝你生日快乐用VB做,可以直接发送,弹出提示框,代码如下跟随:wscript.echo文件“生日快乐”;您可以直接输入一个文本文档,然后将txt格式改为VBS。生日快乐用代码怎么打你想要什么样子的生日快乐,

2023-10-26 03:36:50
php框架原生代码 php原生怎么下载
php框架原生代码 php原生怎么下载

原生PHP代码实现excel导入,并添加数据到数据库.我用的代码是:&lt;?//连接数据库文件$connect=mysql_connect("localhost","admin","admin")ordie("链接数据库失败!");//连接数据库(test)mysql_select_db("testcg",$connect)ordie(mysql_error());

2023-09-06 22:29:26
PHP框架简笔画素材可打印 用PHP打印1到100的和代码
PHP框架简笔画素材可打印 用PHP打印1到100的和代码

如何php实现本地打印php是在服务器端执行的,无法直接调用客户端打印机,要使用客户端本地打印只能用php生成内容用javascript来实现;推荐使用 jquery.printarea.js,插件把要打印的内容用ajax放到一个div然后打印这个div&lt;script type="text/javascript" src="../js/jquery.min.js"&gt;&lt;

2023-10-05 01:07:37
web前端开发要打代码吗 web前端需要学什么 要怎么学
web前端开发要打代码吗 web前端需要学什么 要怎么学

web前端开发都需要学什么?Web前端开发技术是一个先易后难的过程,主要包括三个要素:HTML、CSS和JavaScript,这就要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。简单来说你需要学习div+css基本知识

2023-10-17 07:53:43
web前端开发代码打扇 做web前端开发需要会代码的吗
web前端开发代码打扇 做web前端开发需要会代码的吗

web前端开发都需要学什么?Web前端开发技术是一个先易后难的过程,主要包括三个要素:HTML、CSS和JavaScript,这就要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。简单来说你需要学习div+css基本知识

2023-09-25 06:39:00
web前端开发代码打sh 做web前端开发需要会代码的吗
web前端开发代码打sh 做web前端开发需要会代码的吗

Web前端开发所需要的知识技能及学习路径Web前端开发所需要的知识技能及学习路径。1.HTML5CSS3JavaScript。Web开发基础中的基础,HTML是负责网页结构,CSS负责网页样式,JS则负责逻辑交互。前两者更像是标记语言,没有什么逻辑,JS才是前端的重中之重。HTML5新增的技术大部分需要结合JS学习。每个人学习进度可能不同,这个阶段主要是多仿站,熟悉基础,

2023-09-25 13:42:25
命令执行php框架代码 怎么用php命令执行php代码
命令执行php框架代码 怎么用php命令执行php代码

如何在cmd命令行下运行php进入你的php安装目录假设安装在D:\server\php在cmd命令行下输入:D:cdD:\server\phpphp.exe-fE:\czjx\a.php(假设php文件放在E:\czjx)又是文字,又是图,还带图片例子,够详细了吧。请采纳!如何通过Linux命令行使用和运行PHP脚本在Linux下执行php脚本

2023-09-15 22:45:15
laravel框架下的php代码 怎么样使用php的laravel框架快速集成微信登录
laravel框架下的php代码 怎么样使用php的laravel框架快速集成微信登录

laravel框架如何去掉URL中index.phpApacheLaravel框架通过 public/.htaccess 文件来让URL不需要 index.php 即可访问。在Apache启用Laravel之前,请确认是否有开启mod_rewrite模块,以便 .htaccess 文件发挥作用。如果Laravel附带的.htaccess文件在Apache中无法使用的话,请

2023-09-29 04:20:27