❤女朋友生日快乐祝福网页制作❤(HTML+CSS+JS)

程序员情人节表白网页, 生日祝福网页制作 ❤520/表白/七夕情人节/求婚❤专用html5+css3+js 生日快乐网站模板
HTML生日快乐祝福网页模板,该模板有多种动态效果图,全局采用蓝色装饰,适用于给女朋友的生日祝福,只需简单修改,即可用网页生成打开。

H5 手机端

一 、登录页面

二、 生日蛋糕

三、浪漫表白页面



PC 电脑端

登录页

生日蛋糕页面

浪漫表白页面

修改密码

在当前目录下,有js/index.js文件:

//修改此处的123,123即可修改登录的用户名和密码
if(userName=="123" &&  pwd=="123"){event.preventDefault();$('form').fadeOut(500);$('.wrapper').addClass('form-success');setTimeout(function(){location.href="BirthdayCake.html";},2000);
}

替换memories页面文字和图片

以第三屏为例:

<!--第三屏--><div class="section"><!-- 下面两个div分别实现的左边那条轴和那个小球 --><div class="timeline"></div><div class="timepoint21"></div><div class="ly-box21"><div class="ly-txt21"><!-- 这里更改日期 -->201X-1X-2X</div><div class="ly-txt22"><!-- 这里更改内容,段落、换行用<p></p>包裹起来 --><p> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p><p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></div><div class="ly-imgbox21"><!-- 这里更改图片,图片请先改好对应的名字并且放到img文件夹下面如果你不懂css,那么最好就裁剪图片至合适大小为止如果你会css,那么可以根据class名字去修改对应css的宽度设置--><img class="ly-img21" src="img/2014.11.26-1.png"></div></div><div class="ly-triangle21"></div><div class="ly-box22"><div class="ly-txt23"><!-- 与上面类似,不再多说 -->201X-1X-1X</div><div class="ly-txt24">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div><div class="ly-imgbox22"><img class="ly-img22" src="img/2014.12.19-1.png"></div></div><div class="ly-triangle22"></div><div class="ly-box23"><div class="ly-txt25">201X-1X-2X</div><div class="ly-txt26">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div><div class="ly-imgbox23"><img class="ly-img23" src="img/2014.12.20-1.jpg"></div></div><div class="ly-triangle23"></div>
</div>

源码获取

~ 关注我,点赞博文~ 每天带你涨知识!

1.看到这里了就[点赞+好评+收藏] 三连支持下吧,你的「点赞,好评,收藏」是我创作的动力。

2.关注我~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !


更多表白源码

❤100款表白源码演示地址

❤送女朋友生日快乐祝福网页制作❤(HTML+CSS+JS)相关推荐

  1. web程序员的正确表白方式 制作粉色少女系列 生日快乐祝福网页(HTML+CSS+JS)

    ​​​ H5 手机端 一,登录页面 (可自定义文字+图片+音乐) 二,生日蛋糕页面(可自定义文字+音乐) 三.浪漫表白页面 (可自定义图片+文字+音乐) ​ 在线演示地址 https://ruanji ...

  2. 520情人节送女朋友的3D相册礼物~html+css+js实现抖音炫酷樱花3D相册(含音乐)

    520情人节送女朋友的3D相册礼物~html+css+js实现抖音炫酷樱花3D相册(含音乐) 一年一度的/520情人节/七夕情人节/生日礼物/告白师妹/程序员表白,是不是要给女朋友或者正在追求的妹子一 ...

  3. HTML5七夕情人节表白网页制作【绘制冬季下雪3D相册】HTML+CSS+JavaScript html生日快乐祝福网页制作

    这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...

  4. 大学生影视主题网页制作 HTML CSS JS仿360影视网站 dreamweaver电影HTML网站制作

    HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...

  5. 大学生影视主题网页制作 HTML+CSS+JS仿360影视网站 dreamweaver电影HTML网站制作

    HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...

  6. 甜品网页制作HTML+CSS+JS

    网页思路: 在正式编写前,给网页结构大致划分出导航栏(nav).内容(content).底部(footer)等div布局 布局好之后,再在CSS文件中,完整详细的补充div盒子的宽.高.背景颜色等样式 ...

  7. HTML5生日快乐祝福网页制作【蛋糕烟花+蓝色梦幻海洋3D相册】HTML+CSS+JavaScript

    这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...

  8. HTML5七夕情人节表白网页制作【粉色的情人节爱心飞出ui特效】HTML+CSS+JavaScript html生日快乐祝福网页制作

    这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...

  9. HTML5七夕情人节表白网页制作【生日蛋糕烟花动画CSS3特效】HTML+CSS+JavaScript html生日快乐祝福网页制作

    这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...

最新文章

  1. 【linux】Valgrind工具集详解(六):使用Valgrind gdbserver和GDB调试程序
  2. Flutter之Decoration(边框、圆角、阴影、形状、渐变、背景图像等)
  3. centos7不能安装mysql数据库_Centos7 上安装mysql遇上的问题:mysql无法正常启动-Go语言中文社区...
  4. 剑指-利用树的前序遍历和中序遍历结果,输出树的原始结构
  5. addeventlistener监听ajax请求_基于h5的history改善ajax列表请求体验
  6. 【OpenCV学习笔记】【函数学习】八(序列数据结构)
  7. python路线图_Python路线图
  8. 2.原子变量 CAS算法
  9. dataformatstring(DataFormatString 文本)
  10. Imdisk 虚拟磁盘 » A programmer's site
  11. 可以提高DeepFaceLab(DeepFake)合成最终视频速度的方法
  12. 他们的爱情 王小波和李银河
  13. vue报错“NavigationDuplicat: Avoided redundant navigation to current location”解决方法
  14. 华为5G,不服不行!
  15. Window11一键安装APK应用详细教程,及错误解决
  16. PPT文档中如何插入超链接
  17. 免费开源的工程师项目管理系统
  18. 如何打破校园网垄断现象?
  19. linux fastq.gz文件如何解压,科学网—批量gzip,ungzip快速压缩和解压fastq文件 - 陈明杰的博文...
  20. 亲爱的老狼-opacity、rgba、transparent的应用

热门文章

  1. 多宽带联网(三) OpenWrt中使用cURL方法编写Shell脚本自动完成网页宽带认证登录(校园网认证登录解决方案) 使用awk命令
  2. python3进阶之方法重写(三)
  3. R语言创建新变量方法
  4. 学好算法,有三重境界
  5. 理解Python中的LEGB原则
  6. 怎么判断一个数字是否是快乐数
  7. CJS, AMD, UMD,ESM 简洁解释
  8. android程序设计题a,经典Android面试题和答案
  9. 第10届蓝桥杯B组F题《特别的数》
  10. 联通沃音乐发布283万元大数据项目采购需求