精华内容
下载资源
问答
  • html5唯美爱情表白动画网页代码
  • 程序猿表白专用的HTML5动画特效网页。左侧的文字是类似打字效果的动画形式,右侧是恋爱计时。 因IE9以前的浏览器不支持HTML5,所以你在查看本效果的时候,最好使用火狐Firefox浏览器或Chrome浏览器。
  • 使用html做了一个 canvas全屏的520爱心表白网页代码,有兴趣的小伙伴 来看看
  • html5唯美爱情表白动画网页代码html5唯美爱情表白动画网页代码
  • 程序员爱情表白专用html5动画网页代码
  • javascript+html+css实现简单的告白网页代码,免责声明是一个朋友分享给我的。
  • 爱情表白专用html5动画网页代码

    千次下载 热门讨论 2015-08-16 20:49:43
    程序猿表白专用的html5动画特效网页,真的挺羡慕创作者的水平,有这水平可以把爱表白给想表白的人,不要以为那些鲜花是用的图片,你会发现在资源文件中没有一个图片资源,但HTML5强大的功能不能不让你惊叹,左侧的...
  • 特效描述:html5 canvas全屏 520爱心表白 网页代码html5 canvas制作520表白日,全屏的爱心和表白语网页动画代码,浪漫的520爱心表白动画特效。代码结构1. HTML代码var hearts = [];var canvas = document....

    特效描述:html5 canvas全屏 520爱心表白 网页代码。html5 canvas制作520表白日,全屏的爱心和表白语网页动画代码,浪漫的520爱心表白动画特效。

    代码结构

    1. HTML代码

    var hearts = [];

    var canvas = document.getElementById('drawHeart');

    var wW = window.innerWidth;

    var wH = window.innerHeight;

    // 创建画布

    var ctx = canvas.getContext('2d');

    // 创建图片对象

    var heartImage = new Image();

    heartImage.src = 'img/heart.svg';

    var num = 100;

    init();

    window.addEventListener('resize', function(){

    wW = window.innerWidth;

    wH = window.innerHeight;

    });

    // 初始化画布大小

    function init(){

    canvas.width = wW;

    canvas.height = wH;

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

    hearts.push(new Heart(i%5));

    }

    requestAnimationFrame(render);

    }

    function getColor(){

    var val = Math.random() * 10;

    if(val > 0 && val <= 1){

    return '#00f';

    } else if(val > 1 && val <= 2){

    return '#f00';

    } else if(val > 2 && val <= 3){

    return '#0f0';

    } else if(val > 3 && val <= 4){

    return '#368';

    } else if(val > 4 && val <= 5){

    return '#666';

    } else if(val > 5 && val <= 6){

    return '#333';

    } else if(val > 6 && val <= 7){

    return '#f50';

    } else if(val > 7 && val <= 8){

    return '#e96d5b';

    } else if(val > 8 && val <= 9){

    return '#5be9e9';

    } else {

    return '#d41d50';

    }

    }

    function getText(){

    var val = Math.random() * 10;

    if(val > 1 && val <= 3){

    return '爱你一辈子';

    } else if(val > 3 && val <= 5){

    return '感谢你';

    } else if(val > 5 && val <= 8){

    return '喜欢你';

    } else{

    return 'I Love You';

    }

    }

    function Heart(type){

    this.type = type;

    // 初始化生成范围

    this.x = Math.random() * wW;

    this.y = Math.random() * wH;

    this.opacity = Math.random() * .5 + .5;

    // 偏移量

    this.vel = {

    x: (Math.random() - .5) * 5,

    y: (Math.random() - .5) * 5

    }

    this.initialW = wW * .5;

    this.initialH = wH * .5;

    // 缩放比例

    this.targetScale = Math.random() * .15 + .02; // 最小0.02

    this.scale = Math.random() * this.targetScale;

    // 文字位置

    this.fx = Math.random() * wW;

    this.fy = Math.random() * wH;

    this.fs = Math.random() * 10;

    this.text = getText();

    this.fvel = {

    x: (Math.random() - .5) * 5,

    y: (Math.random() - .5) * 5,

    f: (Math.random() - .5) * 2

    }

    }

    Heart.prototype.draw = function(){

    ctx.save();

    ctx.globalAlpha = this.opacity;

    ctx.drawImage(heartImage, this.x, this.y, this.width, this.height);

    ctx.scale(this.scale + 1, this.scale + 1);

    if(!this.type){

    // 设置文字属性

    ctx.fillStyle = getColor();

    ctx.font = 'italic ' + this.fs + 'px sans-serif';

    // 填充字符串

    ctx.fillText(this.text, this.fx, this.fy);

    }

    ctx.restore();

    }

    Heart.prototype.update = function(){

    this.x += this.vel.x;

    this.y += this.vel.y;

    if(this.x - this.width > wW || this.x + this.width < 0){

    // 重新初始化位置

    this.scale = 0;

    this.x = Math.random() * wW;

    this.y = Math.random() * wH;

    }

    if(this.y - this.height > wH || this.y + this.height < 0){

    // 重新初始化位置

    this.scale = 0;

    this.x = Math.random() * wW;

    this.y = Math.random() * wH;

    }

    // 放大

    this.scale += (this.targetScale - this.scale) * .1;

    this.height = this.scale * this.initialH;

    this.width = this.height * 1.4;

    // -----文字-----

    this.fx += this.fvel.x;

    this.fy += this.fvel.y;

    this.fs += this.fvel.f;

    if(this.fs > 50){

    this.fs = 2;

    }

    if(this.fx - this.fs > wW || this.fx + this.fs < 0){

    // 重新初始化位置

    this.fx = Math.random() * wW;

    this.fy = Math.random() * wH;

    }

    if(this.fy - this.fs > wH || this.fy + this.fs < 0){

    // 重新初始化位置

    this.fx = Math.random() * wW;

    this.fy = Math.random() * wH;

    }

    }

    function render(){

    ctx.clearRect(0, 0, wW, wH);

    for(var i = 0; i < hearts.length; i++){

    hearts[i].draw();

    hearts[i].update();

    }

    requestAnimationFrame(render);

    }

    展开全文
  • 程序猿表白专用的html5动画特效网页,真的挺羡慕创作者的水平,有这水平可以把爱表白给想表白的人,不要以为那些鲜花是用的图片,你会发现在资源文件中没有一个图片资源,但HTML5强大的功能不能不让你惊叹,左侧的...
  • 告白网页代码

    2018-12-21 18:54:40
    告白网页代码HTML5实现,用的画布,没有使用图片,完全代码实现。
  • 程序猿爱情表白专用html5动画网页代码 下载地址:源代码 程序员表白专用的html5动画特效网页,真的挺羡慕创作者的水平,有这水平能够把爱表白给想表白的人,不要以为那些鲜花是用 的图片。你会发如今资源...

    程序猿爱情表白专用html5动画网页的代码

    下载地址源代码

      

           程序员表白专用的html5动画特效网页,真的挺羡慕创作者的水平,有这水平能够把爱表白给想表白的人,不要以为那些鲜花是用
    的图片。你会发如今资源文件里没有一个图片资源。但HTML5强大的功能不能不让你惊叹。左側的文字是类似打字效果的动画形式。
    因IE9曾经的浏览器不支持HTML5,所以你在查看本效果的时候,最后使用火狐浏览器或Chrome浏览器或Google浏览器。


    下载地址源代码

    转载于:https://www.cnblogs.com/yxysuanfa/p/7007255.html

    展开全文
  • HTML表白网页

    2014-07-16 10:56:50
    HTML表白网页 网页代码经过多次优化 加入新元素
  • 告白网页代码

    2018-06-04 13:51:12
    html写的一个网页,用来向喜欢的人表白的, 很简单的代码
  • 18款表白网页代码(表白),集合了经典款和合并3连款,直接可以发布到网站,来进行表白!!
  • 七夕表白网页代码合集

    热门讨论 2017-09-19 14:18:11
    马上就快要到七夕了,珍藏了很久的表白网页代码,华丽的网页效果加上动听的音乐,我相信你的他(她)一定会被你感动的。
  • 昨天是三八女神节,本文主要和大家分享html5开发表白神器实现代码,大家也可以在这一天用来表白哦。开发三八女王节表白神器运用到的知识点:css33D场景、3D变换、爱心制作技巧、3D立方体制作技巧、自定义动画,原生...

    5268f80b9b1e01f982625ef6fac83ca1.png

    昨天是三八女神节,本文主要和大家分享html5开发表白神器实现代码,大家也可以在这一天用来表白哦。开发三八女王节表白神器运用到的知识点:css33D场景、3D变换、爱心制作技巧、3D立方体制作技巧、自定义动画,原生js DOM节点操作、循环等。

    效果图如下所示:

    ff513e794ae48ebad50727e27079db62.gif

    de6a9ed218bd9fa3e5c5c8f6bb5bc696.png

    :point_down:html代码:

    1.jpg

    2.jpg

    3.jpg

    4.jpg

    5.jpg

    6.jpg

    :point_down:css代码:

    *{margin:0px;padding:0px;}/*去除默认外边距、内边距*/

    body{background:#000;}

    .heart3d {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    width: 100px;

    height: 160px;

    transform-origin:center center center;

    transform-style: preserve-3d;

    animation: spin 15s infinite linear;

    }

    #display{width:200px;color:white;font-size:24px;white-space:normal;text-indent:55px;position:absolute;left:100px;top:100px;}

    .heart3d [class^="rib"] {

    position: absolute;

    width: 100px;

    height: 160px;

    border: solid #f22613;

    border-width: 1px 1px 0 0;

    border-radius: 50% 50% 0 / 40% 50% 0;

    }

    .heart3d [class$="1"] {

    transform: rotateY(10deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="2"] {

    transform: rotateY(20deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="3"] {

    transform: rotateY(30deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="4"] {

    transform: rotateY(40deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="5"] {

    transform: rotateY(50deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="6"] {

    transform: rotateY(60deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="7"] {

    transform: rotateY(70deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="8"] {

    transform: rotateY(80deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="9"] {

    transform: rotateY(90deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="10"] {

    transform: rotateY(100deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="11"] {

    transform: rotateY(110deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="12"] {

    transform: rotateY(120deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="13"] {

    transform: rotateY(130deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="14"] {

    transform: rotateY(140deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="15"] {

    transform: rotateY(150deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="16"] {

    transform: rotateY(160deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="17"] {

    transform: rotateY(170deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="18"] {

    transform: rotateY(180deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="19"] {

    transform: rotateY(190deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="20"] {

    transform: rotateY(200deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="21"] {

    transform: rotateY(210deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="22"] {

    transform: rotateY(220deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="23"] {

    -webkit-transform: rotateY(230deg) rotateZ(45deg) translateX(30px);

    transform: rotateY(230deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="24"] {

    transform: rotateY(240deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="25"] {

    transform: rotateY(250deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="26"] {

    transform: rotateY(260deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="27"] {

    transform: rotateY(270deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="28"] {

    transform: rotateY(280deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="29"] {

    transform: rotateY(290deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="30"] {

    transform: rotateY(300deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="31"] {

    transform: rotateY(310deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="32"] {

    transform: rotateY(320deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="33"] {

    transform: rotateY(330deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="34"] {

    transform: rotateY(340deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="35"] {

    transform: rotateY(350deg) rotateZ(45deg) translateX(30px);

    }

    .heart3d [class$="36"] {

    transform: rotateY(360deg) rotateZ(45deg) translateX(30px);

    }

    @keyframes spin {

    to {

    transform: rotateY(360deg) rotateX(360deg);

    }

    }

    .per{

    width:50px;height:50px;position:absolute;top:0;left:0;right:0;bottom:0;

    margin:auto;transform-style: preserve-3d;perspective:800px;

    }

    .img{width:50px;height:50px;position:absolute;backface-visibility:hidden;

    }

    .img:nth-child(1){top:-50px;left:0;transform-origin:bottom;

    transform:translateZ(30px) rotateX(90deg);}

    .img:nth-child(2){top:50px;left:0;transform-origin:top;

    transform:translateZ(30px) rotateX(-90deg);}

    .img:nth-child(3){top:0px;left:-50px;transform-origin:right;

    transform:translateZ(30px) rotateY(-90deg);}

    .img:nth-child(4){top:0px;left:50px;transform-origin:left;

    transform:translateZ(30px) rotateY(90deg);}

    .img:nth-child(6){top:0px;left:0;transform:translateZ(30px);}

    .img:nth-child(5){top:0px;left:0;transform:translateZ(0px);}

    :point_down:javascript代码:

    var i = 0;

    var str1 = "对于一个网页制作者来说,对HTML语言一定不会感到陌生,因为HTML语言是所有网页制作的基础。但是如果页面能够方便网友们的使用,友好而大方,甚至像桌面应用程序一样,那么仅仅依靠HTML语言是不够的,JavaScript在这其中扮演着重要的角色。";

    var str ="如果,爱一个人,守一份爱情,可以在早春一起去踏青,可以在盛夏一起去赏荷,可以在浅秋一起去观月,可以在深冬一起去寻梅,不厌倦,却欢乐,不平凡,却平淡。那么,此生便无憾了。";

    window.onload = function typing(){

    var myp = document.getElementById("display");

    myp.innerHTML += str.charAt(i);

    var oBtn = document.getElementById('btn');

    i++;

    var id = setTimeout(typing,100);

    if(i==str.length){

    clearTimeout(id);

    myp.value ="";

    myp.innerHTML +=""

    //alert("程序执行完毕!");

    }

    }

    相关推荐:

    程序员的表白神器“520”大声喊出来,520大声喊_PHP教程

    如何使用html制作表白页面

    浪漫程序员:情人节唯美表白代码

    展开全文
  • 落花HTML5响应式表白网页源码,一个运用众多HTML5技术编写开发的一个表白页面,运用了Canvas等技术实现了动画效果的网页特效,是您 学习HTML5技术非常不错的范例教材。
  • Html5程序员表白专用代码 很漂亮的花环爱心界面,绝对让不善于表达的你 敢于用代码表达爱 ,给女朋友一个惊喜吧(浏览器必须是用的HTML5才能正常显示)
  • 摘要:脚本资源,HTML,Html5 程序猿表白专用的html5动画特效网页,真的挺羡慕创作者的水平,有这水平可以把爱表白给想表白的人,不要以为那些鲜花是用的图片,你会发现在资源文件中没有一个图片资源,但HTML5强大的...
  • 程序员表白专用html5网页,酷炫好看,绝对是你讨好女朋友的不二之选
  • html爱心表白代码(最全)

    万次阅读 多人点赞 2020-12-20 18:12:32
    代码1: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>跳动爱心</title> <style> *{ padding: 0; margin: 0; } body{ background-c

    写在前面

    (5.19更新)需要本文前12个表白代码可以进链接扫码下载—>>>网页爱心表白代码大全
    扫码支付成功后会得到百度网盘链接和提取码,里面有本文的前12个表白代码,每个代码都有详细的使用说明,教你怎么修改文字、照片、背景音乐等。
    购买过程中有问题请及时联系qq1975728171.(比如:购买链接失效、购买后没有百度网盘链接、无法使用微信支付等等问题)

    对象生日快乐祝福代码—>>>html生日快乐代码
    和ta在一起100天纪念代码—>>>相爱xxx天纪念html代码
    表白你愿意吗烟花特效(背景是飘落的花瓣)—>>>网页表白代码烟花特效

    十四个表白效果及使用说明(最后几个是最新的效果)

    本文共有14个表白效果,几乎每个代码都有详细的使用说明和独立的支付入口,扫码支付成功后会得到该资源的百度网盘链接和提取码。
    如果你用电脑,直接打开手机微信扫码支付成功后刷新页面即可;如果你用手机,那么把支付页面截图再去微信扫一扫,支付成功同样会得到链接和提取码,这时候只需要选择复制链接,记住提取码就可以复制到网上提取了。(目前手机端无法支付,请选择电脑
    每个代码的效果都是以动图形式展示,有些效果不能完全展示,可以通过视频看部分代码组合效果—>>>程序员表白代码组合视频展示

    效果1:
    时间会一直走到,全程有背景音乐,下载资源后有详细的使用说明。(包括教你怎么改文字、背景音乐和在一起的时间等)
    当然如果你们还没在一起,可以把上面的时间去掉。
    在这里插入图片描述
    效果1下载地址—>>>爱心跳动
    代码1使用说明:(下载资源后得到)
    在这里插入图片描述
    效果2:
    时间会一直走到,全程有背景音乐,下载资源后有详细的使用说明。(包括教你怎么改文字、背景音乐和在一起的时间等)
    当然如果你们还没在一起,可以把上面的时间去掉。
    在这里插入图片描述

    效果2下载地址—>>>动态爱心
    代码2使用说明:(下载资源后得到)
    在这里插入图片描述
    附:代码2加3d旋转照片组合效果—>>>爱心加照片

    效果3:
    在这里插入图片描述

    代码3补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,照片、文字、背景音乐都可以修改。
    在这里插入图片描述
    效果4:
    在这里插入图片描述
    代码4补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,照片、文字、背景音乐都可以修改。
    在这里插入图片描述
    效果5:
    画爱心,鼠标点击之后爱心扩散,满屏的宝贝!
    在这里插入图片描述
    代码5补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,照片、文字、背景音乐都可以修改。
    在这里插入图片描述

    效果6:
    点击愿意会有烟花特效,不愿意的话会说一些表白的话。烟花页面下面有表白文字自动输出,可以更改。背景是高清动态花瓣,十分好看,可以调透明度。
    在这里插入图片描述
    代码6补充说明:
    需要这个代码去我的另一篇博客下载—>>>网页表白代码烟花特效

    效果7:
    中间可以是女朋友的名字,比如嘉悦,可以写成jia yue.
    在这里插入图片描述
    代码7补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,文字、背景音乐都可以修改。
    在这里插入图片描述

    效果8:
    在这里插入图片描述
    代码8补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,轮播照片、背景音乐都可以修改。
    在这里插入图片描述

    效果9:
    附带音频(可以自己修改音频,比如你的录音等等)。
    在这里插入图片描述
    代码9补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,轮播照片、背景音乐都可以修改。
    在这里插入图片描述

    效果10:
    表白弹幕墙自动发送(可以修改弹幕内容),鼠标滑过星空会变化,十分炫酷。
    在这里插入图片描述
    代码10补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明。
    在这里插入图片描述

    效果11:
    开始是画小人biubiubiu发射爱心,然后显示大爱心。上面是你们在一起的时长,全程有背景音乐。
    在这里插入图片描述
    代码11补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,在一起时间、背景音乐都可以修改。
    在这里插入图片描述

    效果12:
    这个代码需要的话进这个文章下载—>>>爱心加照片
    在这里插入图片描述
    里面有详细的使用说明,可以换照片和滚动文字。
    在这里插入图片描述

    效果13:
    可以改文字(也就是你想对ta说的话),修改你们在一起的时间。
    下载地址—>>>爱心自动打字
    在这里插入图片描述
    效果14:
    这是表白模板,可以套用,改里面的文字照片即可。
    进这个文章下载–>>>情侣相恋100天纪念模板
    在这里插入图片描述

    购买本文前12个代码

    (5.19更新)需要本文前12个表白代码可以进链接扫码下载—>>>网页爱心表白代码大全
    扫码支付成功后会得到百度网盘链接和提取码,里面有本文的前12个表白代码,每个代码都有详细的使用说明,教你怎么修改文字、照片、背景音乐等。
    下载后解压(一共12个表白效果):
    在这里插入图片描述

    怎么在页面添加文字和背景音乐?

    1、每个网页都可以加背景音乐,body里面加下面代码即可(一般是倒数第几行)。

    <audio autoplay="autoplay" loop="loop" preload="auto"
                src="http://music.163.com/song/media/outer/url?id=526464145.mp3">       
    </audio>
    

    音乐链接自己换,可以上网找音乐外链,可以上传自己的录音生成专属背景音乐。(我给的音乐外链可能失效)

    2、每个网页都可以加文字,body里面加下面代码即可(一般是倒数第几行)。

    <b style="  position:absolute;
      width: 50%;
    top:70%;
    left:25%;
      text-align: center;
      transform:translateY(-50%);
      font-family: 'Love Ya Like A Sister', cursive;
      font-size: 40px;
      color: #c70012;
      padding: 0 20px;">每次遇见你都心跳加速。</b>
    

    样式自己调一下,比如颜色(color)、距离顶部距离(top)、里面的文字等等。

    如何得到自己喜欢的音乐链接地址?

    可以去看我的另一篇文章,里面详细写了方法。—>>>如何获取音乐的链接地址?

    怎么修改背景颜色或字体颜色?

    可以去看我的另一篇文章,里面详细写了方法。—>>>怎么设置好看的颜色

    其他表白代码

    女朋友生日祝福代码地址(也可以表白)—>>>html生日快乐代码
    女朋友网页相册效果 —>>>html相册代码大全
    表白代码可执行文件,发给她即可运行—>>>表白exe程序
    vbs表白代码,十分简单,有电脑就行。—>>>vbs无法拒绝的表白代码

    最新表白代码(绝对好看)

    炫酷相册祝女朋友生日快乐(也可以表白)—>>>炫酷相册代码
    在这里插入图片描述
    照片、文字、背景音乐都可以换。

    常见问题说明

    1、怎么通过QQ发给她看?
    如果这个代码只是单独的一个html文件,那么直接发html文件给她即可,让她用QQ浏览器打开。(手机自带的浏览器打开可能看不到效果)
    如果这个代码除了html文件还有其他的文件夹,比如js文件,图片,音频等等,那就需要把整个文件夹压缩然后把压缩包发给她。这个压缩包也是需要浏览器解压的,解压后打开html文件即可看到效果。
    但是你只想发一个html文件怎么办?那就需要把js写到HTML中(直接把js文件里面的js代码复制到html的< script >即可),图片地址变为图片链接,音频变为链接。
    2、下载完资源怎么查看源代码?
    右击html文件,选择打开方式为记事本即可。如果你有编译器的话,还可以导入这个文件,就可以看到并修改代码了。
    3、为什么下载的有些资源打开没有音乐?
    可能音乐链接已经失效,需要更改,一般是倒数第几行。
    可能音乐的地址是路径地址,有些浏览器拒绝直接播放,需要设置一下,这个可以百度。当然你可以换成音乐的链接。
    看这篇文章—>>>如何获取音乐的链接地址?

    展开全文
  • 一个移动端和手机端告白网页,基于HTML5技术实现的动态烟花背景的表白网页特效,运行本效果后烟花升空,烟花数量随机、大小和颜色随机,整体看上去很高大上的感觉,烟花效果逼真,很漂亮。另外还有一个背景音乐文件...
  • 一个web网页,用HTML写的,css样式、JavaScript也在里面,会动,有特效,学习前端的朋友可以试着下载来看看,有些地方是可以借鉴的,挺不错的
  • 网页表白代码烟花特效

    千次阅读 多人点赞 2021-04-08 20:26:10
    本文完整项目地址:网页表白代码烟花特效 html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width,initial-scale=1.0,maximum-...
  • HTML5制作的表白动画网页,爱她就向她表白,动画效果十足,网页很炫。可用鼠标拖动改变动画角度,包括了心形的动画和文字动画。本网页采用CSS3代码实现动画效果,可方便移植到手机端使用。
  • jQuery+Html5实现唯美表白动画代码

    千次阅读 2014-04-15 15:16:58
    jQuery+Html5实现唯美表白动画代码,jQuery,Html5,动画效果,表白代码,jQuery+Html5实现唯美表白动画代码是一款动画效果很棒,程序员表白必备,[url=http://www.huiyi8.com/]素材中国[/url]网. [img]...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,309
精华内容 523
关键字:

html5表白网页代码