How to make a code for birthday wishes web page

Help me to provide a ‘Happy Birthday’ html code ah

A few days ago a friend found me, he said his girlfriend will soon have a birthday, so he wanted to ask me if I can write a birthday wishes code. Good brother’s request of course can not be refused, direct arrangements!

So I used html to write a simple page: after clicking on it, it will show how long it took to come to this world and the blessing words, and after sliding down, it is a self-rotating album (with background music).

Original link:

html Happy Birthday code

Core code (not full code):

#head

{

width:100%;

height:100%;

position:absolute ;

-webkit-transform-style:preserve-3d;

-webkit-animation:donghua15slinear0sinfinite;

-moz-transform-style. preserve-3d;

-moz-animation:donghua15slinear0sinfinite;

-ms-transform-style:preserve-3d;

-ms-animation. donghua25slinear0sinfinite;

}

#headdiv

{

position:absolute;

top:0;

left:0;

width:300px;<

height:400px;

border:1pxsolid#000

text-align:center;

line-height:100px;

}

#headdiv: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;

< p>this.x+=this.speedX;

this.y+=this.speedY;

ctx.save();

ctx.translate(-1000,this.y);

ctx.scale(this.size, this.size);

ctx.beginPath();

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

varvector=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();

};

functionrender(a){

requestAnimationFrame(render);

hearts.push( newHeart())

ctx.clearRect(0,0,ww,wh);

for(vari=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=functionstarttime(){

time(h1,’2000,1,1′); //Birth time

ptimer=setTimeout( starttime,1000);//add timer

}

functiontime(obj,futimg){

varnowtime=newDate().getTime();//now time converted to timestamp

varfutruetime= newDate(futimg).getTime();//future time converted to timestamp

varmsec=nowtime-futruetime;//milliseconds future time-nowtime

vartime=(msec/1000); //milliseconds /1000

varday=parseInt(time/86400);//day 24*60*60*1000

varhour=parseInt(time/3600)-24*day; //hour 60*60Total hours-past hours=present hours

< p>varminute=parseInt(time%3600/60);//minute-(day*24) take 60 seconds as a fraction of the remaining seconds seconds/60 is the number of minutes

varsecond=parseInt(time%60); //take 60 seconds as a fraction of the remaining seconds

obj.innerHTML=”Chen Chen<br>You have come to this world: <br> “+day+”day “+hour+”hour “+minute+”minute “+second+”second “+”second “+”up<br><span> Today is your birthday, may all the happiness, all the happiness, all the warmth, all the warmth, all the warmth, all the happiness, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the warmth, all the joy and the happiness. happiness, all the warmth, all the good luck around you. Happy Birthday! </span><p>down<br>slip<br>have<br>surprise<br>joy</p>”

returntrue;

} 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162

The effect is as follows:

The text in this can be modified by yourself, and the time is going to keep moving, the birth time changed to your girlfriend.

Sliding down there are spinning photos:

Photos can be changed by yourself oh.

Added:

Many friends want to open the file on the cell phone, then you need to change the address of the picture and the address of the audio (you can send a visible only to yourself to say, then you can generate the link address of the picture), at this time you only need to send the html file can be opened with a cell phone browser.

The address in the picture above is replaced with the link URL of the picture (ten in total).

For the audio file, I’ll provide a link here (which may be out of date): https://www.0tv.com/upload/dance/20200305/D1E8DB5EB16A57732BDD636C759DA034.mp3

The address in the image above is replaced with the the link URL for the audio.

Everyone can look for music extras online.

If it is a specific audio recording, you can use this method: use the form of mailbox attachments, such as QQ mailbox, send an email to yourself, attach the music in the form of an attachment to the above, and when you receive the letter used to download the attachment of that address, is the download link of the song.

Complete project:

Inside there are ten photos I found myself and two background music (which can be replaced with your own recordings), in addition to instructions for use.

Full project address: html happy birthday code

Birthday blessing code, time can not figure out~~Thanks for your help~

The problem is: for example, A’s birthday is today, B’s birthday is tomorrow, the result is that yesterday’s 12:00 noon to today’s 12:00 a.m. before 12:00 a.m. is shown to be A’s birthday, after 12:00 noon is shown to be B’s birthday. The time is moved by 12 hours, which means that it is using 12 noon as the conversion point, not 12pm as the conversion point. Please help! Thanks!!! The code is as follows

<bodyBGCOLOR=”#DEDEDE “TEXT=”#000000 “oncontextmenu=self.event.returnValue=false>

<divalign=”center”>& lt;FONTCOLOR=redFACE=Script SIZE=6>

<SCRIPTLANGUAGE=”JavaScript”>

functionbirthday(year,month,date,person){

this.month=month

this.date=date

this.person=person

}

functionbirthdaylist(){

}<

blist=newbirthdaylist()

blist[86]=newbirthday(1980,10,24, “friend’s name”)

blist[86]=newbirthday(1980,6,4, “Ming”)

//above Add as a list of your friends’ birthdays in the format above

varnow=newDate()

today=newDate(now.getYear(),now.getMonth(),now.getDate())//today0:00:00

functiondaysFromToday(sdate){

returnMath.round((sdate.getTime() – today.getTime())/(24*60*60*1000))

}

functionwriteNextBirthday(list){

vardaysToClosest=888

varclosest

for(variinlist){

thisDate=newDate(today. getYear(),list[i].month-1,list[i].date)

if(daysFromToday(thisDate)<0)

thisDate.setYear(today.getYear()+1)

if( daysFromToday(thisDate)<daysToClosest){

daysToClosest=daysFromToday(thisDate)

closest=i

}

}

}

if( daysToClosest==0)

//document.write(“<B> Today [“+list[closest].person+”]”+”[“+(today.getYear()-list[closest].year)+”] is a big day! Happy Birthday ^0^</B>”)

document.write(“<B><FONTCOLOR=red> It’s [“+list[closest].person+”]+”]birthday! Happy Birthday</B>”)

elseif(daysToClosest==1)

document.write(“<FONTCOLOR=blue> Tomorrow is [“+list[closest].person+”]’s birthday! Don’t forget, everyone~”)

else

document.write(“[<fontcolor=red> “+list[closest].person+”]</font> will be celebrating his birthday in [“+daysToClosest+”]days”) )

}

</SCRIPT>

</FONT></div>

<TABLEWIDTH=”100%”BORDER=”0 “CELLSPACING=”0 “CELLPADDING=”0 “BORDERCOLORDARK=”#FFFFFF “BORDERCOLOR=”#000000 “ALIGN=”CENTER”>

<TRBGCOLOR=”#CCFFCC”><TDbgcolor=”#DFDFDF”>< DIVALIGN=”center”><FONTCOLOR=redSIZE=”5″><strong>Member Birthday List</strong></FONT></DIV>

<DIVALIGN=” CENTER”><SCRIPTLANGUAGE=JavaScript>

today=newDate();

functioninitArray(){

this.length=initArray. arguments.length

for(vari=0;i<this.length;i++)

this[i+1]=initArray.arguments[i]}

vard=newinitArray(

” Sunday”,

“Monday”,

“Tuesday”,

“Wednesday”,

“Thursday”,

“Friday”,

“Saturday”);

document.write(

“<fontcolor=### 000000style=’font-size:9pt;font-family:Song’>”,

today.getYear(), “Year”,

today.getMonth()+1, “Month”,

today.getDate(), “Day “,

d[today.getDay()+1],

“</font>”);

</SCRIPT>

</DIV></TD></TR><TR>&lt. TDbgcolor=”#DFDFDF”><DIVALIGN=”center”>

<SCRIPTLANGUAGE=JavaScript>

<! —

writeNextBirthday(blist)

//–>

</SCRIPT></DIV></TD></TR></TABLE>

You then post so more code, I’m going to charge you for the

How to make a birthday wishes web page?

You can first use PS software to design the overall effect of the map, and then according to the effect of the map to cut the map, in the time of saving, save directly to the WEB format, is the image and HTML files, and finally you use DW software to beautify a part of the production, if you are too much trouble, you can also directly do a FLASH, so that the effect will be more fluent some!

WeChat happy birthday code can be copied how to do?

One, wish yourself a happy birthday code: 2mylove.cn/t7u two, with the code to wish yourself a happy birthday – wish yourself happy happy every day code: 2mylove.cn/t5o three, wish your lover a happy birthday – a new year I will be even more Love you code: 2mylove.cn/t6u four, blessing friends or girlfriends happy birthday | wish you more than just a happy birthday, happy birthday more than just code: 2mylove.cn/t66 five, the warmth of the blessing of girlfriends happy birthday – wish you a happy birthday code: 2mylove.cn/t41 six, Wish Dad Happy Birthday|Dad Wish You Happy Birthday Code: 2mylove.cn/t2f VII. Wish Mom Happy Birthday – Mom you have a day off today, all the housework I’ll do, Happy Birthday Code: 2mylove.cn/t1p

How to make a birthday wish in VB, want code, ask for help

If you just want to run and then pop up a birthday wish, just open the VB software and add a line of code:

MsgBox “Wish you:” & vbCrLf & “Happy Birthday!”