如何写一个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/01png);

background-size:cover;

}12345678910111213141516171819202122232425262728293031

Heartprototypedraw = function(){

thissize -= thisspeedSize;

thisx += thisspeedX;

thisy += thisspeedY;

ctxsave();

ctxtranslate(-1000,thisy);

ctxscale(thissize, thissize);

ctxbeginPath();

for (var i = 0; i < precision; i++) {

var vector = thisvertices[i];

ctxlineTo(vectorx, vectory);

}

ctxglobalAlpha = thissize;

ctxshadowBlur = Mathround((3 - thissize) 10);

ctxshadowColor = "hsla(0, 100%, 60%,05)";

ctxshadowOffsetX = thisx + 1000;

ctxglobalCompositeOperation = "screen"

ctxclosePath();

ctxfill()

ctxrestore();

};

function render(a){

requestAnimationFrame(render);

heartspush(new Heart())

ctxclearRect(0,0,ww,wh);

for (var i = 0; i < heartslength; i++) {

hearts[i]draw();

if(hearts[i]size <= 0){

heartssplice(i,1);

i--;

}

}

}

onResize();

windowaddEventListener("mousemove", onMove);

windowaddEventListener("touchmove", onMove);

windowaddEventListener("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); // 天  2460601000

var hour = parseInt(time/3600)-24day;    // 小时 6060 总小时数-过去的小时数=现在的小时数

var minute = parseInt(time%3600/60); // 分 -(day24) 以60秒为一整份 取余 剩下秒数 秒数/60 就是分钟数

var second = parseInt(time%60);  // 以60秒为一整份 取余 剩下秒数

objinnerHTML="陈陈<br>你已经来到这个世界：<br>"+day+"天"+hour+"小时"+minute+"分"+second+"秒"+"了<br><span>今日是你的生日，愿所有的快乐、所有的幸福、所有的温馨、所有的好运围绕在你身边。生日快乐！</span><p>下<br>滑<br>有<br>惊<br>喜</p>"

return true;

}1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162

效果如下：

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

下滑后有自转照片：

照片可以自己换哦。

补充：

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

上图的地址换成的链接网址（一共十个）。

对于音频文件，我这里提供一个链接（可能过期）：https://www0dutvcom/upload/dance/20200305/D1E8DB5EB16A57732BDD636C759DA034mp3

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

大家可以网上找音乐外链。

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

完整项目：

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

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

科颜氏隐藏代码,kiehls科颜氏官网任意订单立减百分之20优惠码优惠码:DARLINGCopyCouponOpenSite

Kiehls进入中国大陆市场，命名为科颜氏，Kiehls160年来籍在护肤制药药草与医学等领域的独到经验和世代传承的优质服务，成为享誉世界的传奇品牌。

编写一个简单的生日快乐APP

一、关闭之前的helloworld程序

点击file，然后close project，就完成关闭了。

二、创建一个新的happybirthday程序

三、下面开始整个APP的修改

1、如何查看Androidstudio中activity_mainxml的源代码,在图中 灰色部分现在是Design，点到code就会出现activity_main_xml的代码了。

2、进行如下代码的修改。把根布局改成相对布局 androidxconstraintlayoutwidgetConstraintLayout改为RelativeLayout

把多余的代码删除掉 ，并将文本内容改为android:text="祝你生日快乐!"

app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent"

并可以修改文字的大小，颜色，添加边框。代码如下：

3、在左侧目录下，res是存放资源文件的（放进来）；java是存放java代码的；mainfests是存放配置文件的。因此将复制在最侧res目录下。

4、将代码补充完整

代码：

<xml version="10" encoding="utf-8">

<RelativeLayout xmlns:android="http://schemasandroidcom/apk/res/android"

xmlns:app="http://schemasandroidcom/apk/res-auto"

xmlns:tools="http://schemasandroidcom/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="MainActivity">

​

<TextView

android:layout_margin="20dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="祝你生日快乐!"

android:textColor="@android:color/holo_orange_light"

android:textSize="22dp"

/>

<ImageView

android:layout_centerInParent="true"

android:src="@drawable/img"

android:layout_width="match_parent"

android:layout_height="wrap_content" />

​

</RelativeLayout>

5、最后的效果如图所示

6、可在手机中看到happybirthday的程序包，打开便是上面的画面。

“18P90U”这个批号表示，美国产，生产日期是2017年9月。

不同的品牌都有其独有的文化，因为这些文化不同，他们商品的代码也不同，然后这些商品代码表示的方法也不同，可能是顺序不同，可能每个数字代表的意思不同，又或者是每个产品性能不同，同，给的产品参数信息不同。

“18P90U”就是一个代码，是这个品牌的一些商品参数，前两位是工厂代码，第三位P是2017年，第四位是月份，后两位无意义。

扩展资料：

淡斑护理：

1，防晒：紫外线是斑的天敌，要想治斑必须做好防晒隔离，隔离紫外线和辐射。

2，补水：补水能增强皮肤的抵抗力 ，是细胞处于饱满状态，加速肌肤的新陈代谢，同时加速斑的代谢。3：淡斑：选择针对性的溶斑淡斑的美白产品。

日常护肤品的选择：

1、 卸妆：一定要卸妆。

2、 清洁类：深层清洁和浅层清洁（洗面奶）。

3、去角质：定期去角质。

4、面膜：选择美白补水型面膜。

5、护肤：选择美白保湿系列、精华也是。

日常保养：

1、避免日晒。 

2、保证睡眠，不要过度疲劳，多吃VC，VE的水果蔬菜。

护肤： 

1、洗脸 － 把脸洗干净，这个很重要。如果有化淡妆或者搽了防晒，记得要用卸妆产品。 

2、爽肤水－ 洗脸后抹点爽肤水，让皮肤更好的吸收之后的护肤品。 

3、精华素 － 可以有针对得选择精华素，如美白淡斑，补水保湿。

4、乳液或面霜 － 白天可以选择带防晒指数的。如果是觉得皮肤很干，选用面霜不错。如果没有特别的，乳液就可以了。 

选择护肤品要根据自己的皮肤性质。保湿是王道！不管是干性还是油性皮肤，都需要做好保湿工作。 

除了外部皮肤的保养，每天按时作息，保持充足的睡眠，不熬夜，少吃煎炸辛辣的食物，适当的运动，都可以让你的皮肤变好。 

19u3u。

护肤品默认保质期是三年，所以2022年3月代码代码为19u3u

Kiehl's（科颜氏）1851年创立于纽约曼哈顿，早期Kiehl's（科颜氏）以典型的19世纪药剂师的身份，提供纽约客药水及自然成分提炼的药膏。Kiehl's（科颜氏）老店坐落在纽约第13街及第3大道的交叉口，以贩卖草药、精油、处方药、茶及蜂蜜为主。