HTML5生日祝福网页制作 (粉色系列为你定制) HTML+CSS+JavaScript

最新推荐文章于 2024-05-08 11:32:59 发布

@秋天的笔记

最新推荐文章于 2024-05-08 11:32:59 发布

阅读量1.2w

点赞数 28

分类专栏：生日祝福网页html 七夕情人节表白网页源代码 520情人节告白网页制作文章标签： javascript html html5

本文链接：https://blog.csdn.net/m0_46166683/article/details/121039214

版权

HTML5生日祝福网页制作 ❤粉色少女系列为你定制❤ HTML+CSS+JavaScript

这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。此波共有100个表白网站，可以任意修改和使用，源码已上传，演示网址如下。

🧡文章末尾-已经附上源码下载地址

🧡作者主页-更多源码

🧡七夕情人节专栏文章

作品介绍

1.网页作品简介 ：基于 HTML+CSS+JavaScript 制作七夕情人节表白网页, 生日祝福, 七夕告白, 求婚, 浪漫爱情3D相册,炫酷代码 ,已经兼容手机端和电脑端, 快来制作一款高端的表白网页送(他/她)生日祝福网页,制作修改简单, 需替换图片和文字即可.可自行更换背景音乐。

2.网页作品编辑：任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ ）均可修改网页。

文章目录

HTML5生日祝福网页制作 ❤粉色少女系列为你定制❤ HTML+CSS+JavaScript
作品介绍
一、作品展示(已兼容手机端/电脑端)
二、文件目录
三、代码实现
四、学习资料
五、源码下载
六、更多源码

一、作品展示(已兼容手机端/电脑端)

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!--
 * @Author: your name
 * @Date: 2021-03-25 09:07:37
 * @LastEditTime: 2021-03-25 10:21:49
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \tiny-heart-master\birthday-mobile\Memories.html
-->
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"
    />
    <title>Happy Birthday</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css" />
    <link rel="stylesheet" href="css/memories.css" />
  </head>

  <body>
    <!-- 背景音乐 -->
    <div style="display: none">
      <!-- 网易云外链 -->
      <iframe
        frameborder="no"
        border="0"
        marginwidth="0"
        marginheight="0"
        width="330"
        height="86"
        src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"
      ></iframe>
    </div>
    <div class="bgcolor">
      <div style="z-index: 100" id="dowebok">
        <!--第一屏-->
        <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">
                宝贝，你的生日就在今天，祝你可爱依旧，快乐多多！
              </p>
              <p class="ly-stxt02">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt03">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt04">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt05">XXXXXXXXXXXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-txt02">
              <p class="ly-stxt06">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt07">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt08">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt09">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt10">XXXXXXXXXXXXXXXXXXXXXXX</p>
            </div>
          </div>
        </div>

        <!--第二屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
            <div class="ly-txt11">201X-1X-1X</div>
            <div class="ly-txt12">XXXXXXXXXXXXXXXXXXXX</div>
            <div class="ly-imgbox11">
              <img class="ly-img11" src="img/1.jpg" />
            </div>
          </div>
          <div class

最低0.47元/天解锁文章

@秋天的笔记

关注

28
点赞
踩
187

收藏

觉得还不错? 一键收藏
3
评论
HTML5生日祝福网页制作 (粉色系列为你定制) HTML+CSS+JavaScript

HTML5生日祝福网页制作 ❤粉色少女系列为你定制❤ HTML+CSS+JavaScript这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。此波共有100个表白网站，可以任意修改和使用，源码已上传，演示网址如下。????文章末尾-已经附上源码下载地址????作者主页-更多源码????七夕情人节专栏文章作品介绍1.网页作品简介：基于 HTML+CSS+JavaScript 制作七夕情人节表白网页, 生日祝福, 七夕告白, 求婚, 浪漫爱情3
复制链接

扫一扫