前几天一个朋友找到我,他说他女朋友马上过生日,于是想问问我能不能写一个生日祝福代码。好兄弟的请求当然不能拒绝,直接安排!!
于是我用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文件就可以用手机浏览器打开了。
上图的地址换成的链接网址(一共十个)。
对于音频文件,我这里提供一个链接(可能过期):>
大家可以网上找音乐外链。
如果是特定的音频录音,可以用这个方法:利用邮箱附件的形式,比如QQ邮箱,给自己发一封邮件,把音乐以附件的形式附带在上面,收信的时候用来下载附件的那个地址,就是歌曲的下载链接了。
完整项目:
里面有我自己找的十张照片和两个背景音乐(可以换成自己的录音),另外还有使用说明。
完整项目地址:html生日快乐代码
祝一个不是很熟的人生日快乐,其实这样很好写,直接用一些相对老套程序化的生日祝福语就可以了,比如:今天是你的生日,祝你生日快乐,希望你在今后的日子里能够身体健康,万事如意心,财源滚滚,事业腾飞!很高兴能够与你结缘相识,希望我们两个人在今后的日子里能够友谊地久天长!
生日快乐!
在苹果手机上打出生日快乐这句祝福语,可以用不同的方式。
第一种方式就是使用苹果手机内置的输入法,输入生日快乐这几个字,手机就会自动将其变成一个完整的句子。另外,也可以利用苹果手机里的文字贴图功能,在文字贴图里搜索“生日快乐”,就可以看到很多漂亮的生日快乐祝福语,直接复制就可以发送出去了。
此外,在苹果手机上还可以发送祝福语的贺卡,这些贺卡上面有很多可爱的生日快乐祝福语,可以随意选择。另外,苹果手机上还有很多类型的应用程序,比如说搜索生日快乐祝福语的应用程序,它可以帮助我们快速找到适合的祝福语,发送出去。
总的来说,苹果手机上发送生日快乐祝福语,有很多方法可以实现,只要找到合适的方式,就可以向心爱的人表达生日快乐的祝福语了!
1、今天是您的生日,愿所有的快乐、所有的幸福、所有的温馨、所有的好运围绕在您身边。生日快乐!
2、摘一颗星,采一朵云,装入思念的信封里,献给你--在这一年中最美好的一天。
3、祝你生日快乐,永远都幸福仰首看见康庄大道在面前,俯首看见金银铺满地!!
4、梦境会褪色,繁花也会凋零,但您曾拥有过的将伴您永藏,生日快乐!
5、雨滴一点点,尘埃被悄悄带走;眼泪一点点,难过被轻轻淡去;微笑一点点,快乐被你我传递;幸福一点点,真情就依偎在一起。今天是你的生日,愿看到这条短信的你永远幸福、生日快乐!再烦,也别忘记微笑;再急,也要注意语气;再苦,也别忘坚持;再累,也要爱自己。
6、我想你的时候最缠绵,无论我们相距多远,前面的路有多坎坷,只想说:你是我今生最大的幸福。祝你生日快乐。
7、天天都在你身边,不用苦苦地想你,也不必酸酸地恋你,只需甜甜地爱着你!我的宝贝,生日快乐!
8、现在生日不送礼,写句祝福送给你,如果你嫌礼不够,再把我也往上凑。祝你生日快乐!
9、宝贝,在这特殊的日子里,所有的祝福都带着我们的爱,拥挤在你的酒杯里,红红的,深深的,直到心底。
你可以找一些网页特效软件,上面的功能很丰富
比如网页特效梦工厂什么的
<Html>
<Head>
<title>跟随鼠标的滚动文字</title>
</Head>
<Body bgColor="#ffffff">
<!--将以下代码加入HTML的<Body></Body>之间-->
<script language="JavaScript12">
var scroller_msg='祝你生日快乐'
var dismissafter=0
var initialvisible=0
if (documentall)
documentwrite('<marquee id="curscroll" style="position:absolute;width:150px;border:1px solid #FF8000;font-size:14pt;font-family:MS Sans Serif;color:#000000;background-color:#0000FF;visibility:hidden">'+scroller_msg+'</marquee>')
function followcursor(){
//move cursor function for IE
if (initialvisible==0){
curscrollstylevisibility="visible"
initialvisible=1
}
curscrollstyleleft=documentbodyscrollLeft+eventclientX+10
curscrollstyletop=documentbodyscrollTop+eventclientY+10
}
function dismissmessage(){
curscrollstylevisibility="hidden"
}
if (documentall){
documentonmousemove=followcursor
documentondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter1000)
}
//-->
</script>
</Body>
</Html>
在软件上看的,可以随着鼠标滚动
祝你兄弟生日快乐!
又及: 这样的礼物是不是寒碜了点?
以上就是关于帮我提供一个‘祝你生日快乐’的html代码啊全部的内容,包括:帮我提供一个‘祝你生日快乐’的html代码啊、祝一个不是很熟的人生日快乐要怎么写..印印那.、苹果手机上如何打生日快乐等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)