html特效完整代码(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+"秒"+"了brspan今日是你的生日，愿所有的快乐、所有的幸福、所有的温馨、所有的好运围绕在你身边。生日快乐！/spanp下br滑br有br惊br喜/p"
return true;
}1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
效果如下：
这里面的文字可以自行修改，并且时间是会一直走动的，出生时间改成你女朋友的。
下滑后有自转照片：
照片可以自己换哦。
补充：
很多朋友想手机端打开文件，那就需要换图片的地址和音频的地址（你可以发一个仅自己可见的说说，然后就可以生成图片的链接地址了），此时只需要发html文件就可以用手机浏览器打开了。
上图的地址换成图片的链接网址（一共十个）。
对于音频文件，我这里提供一个链接（可能过期）：
上图的地址换成音频的链接网址。
大家可以网上找音乐外链。
如果是特定的音频录音，可以用这个方法：利用邮箱附件的形式，比如QQ邮箱，给自己发一封邮件，把音乐以附件的形式附带在上面，收信的时候用来下载附件的那个地址，就是歌曲的下载链接了。
完整项目：
里面有我自己找的十张照片和两个背景音乐（可以换成自己的录音），另外还有使用说明。
完整项目地址：html生日快乐代码
html烟花特效代码
HTML烟花特效代码：//烟花代码//...拓展：网名：小烟花
拓展：小烟花，把烟花的精彩洒满每一个角落，把欢笑传递快乐的每一刻！
网页背景音乐的HTML代码是什么？
网页背景音乐的HTML代码有三种，分别用bgsound/bgsound、embed/embed和audio/audio标签。
由于bgsound的特性是非标准的，所以请尽量不要在生产环境中使用它。下面对三者的参数进行介绍：
1、bgsound：
bgsound是IE浏览器中设置网页背景音乐的元素。
bgsound src="sound1.mid"
bgsound src="sound2.au" loop="infinite"
balance
该属性取值在-10,000到+10,000，它决定扬声器之间的音量如何分配。
loop
该属性表明音频被播放的次数，是一个数值或者关键字infinite。
2、EMBED：
embed 标签定义嵌入的内容，比如插件，插入音频和视频方式。
EMBED src="your.mid"autostart="true" loop="true" hidden="true"
height pixels 设置嵌入内容的高度。
src url 嵌入内容的 URL。
type type 定义嵌入内容的类型。
width pixels 设置嵌入内容的宽度。
3、audio：
audio 标签定义声音，比如音乐或其他音频流。
audio src="someaudio.wav"您的浏览器不支持 audio 标签。/audio
扩展资料：
html特效代码大全：
1)贴图：img src="图片地址"
2)加入连接：a href="所要连接的相关地址"写上你想写的字/a
3)在新窗口打开连接：a href="相关地址" target="_blank"写上要写的字/a
4)移动字体(走马灯)：marquee写上你想写的字/marquee
5)字体加粗：b写上你想写的字/b
参考资料来源：百度百科-bgsound
参考资料来源：百度百科-embed