制作粉色少女系列❤生日快乐祝福网页❤(HTML+CSS+JS)
制作生日快乐祝福网页(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)相关推荐
- web程序员的正确表白方式 制作粉色少女系列 生日快乐祝福网页(HTML+CSS+JS)
H5 手机端 一,登录页面 (可自定义文字+图片+音乐) 二,生日蛋糕页面(可自定义文字+音乐) 三.浪漫表白页面 (可自定义图片+文字+音乐) 在线演示地址 https://ruanji ...
- ❤送女朋友生日快乐祝福网页制作❤(HTML+CSS+JS)
❤女朋友生日快乐祝福网页制作❤(HTML+CSS+JS) 程序员情人节表白网页, 生日祝福网页制作 ❤520/表白/七夕情人节/求婚❤专用html5+css3+js 生日快乐网站模板 HTML生日快乐 ...
- HTML+CSS+JavaScript 超具创意的网页生日快乐祝福网页模板
HTML+CSS+JavaScript 超具创意的网页生日快乐祝福网页模板 是不是还没有给心爱的人准备小礼物呀,但是别担心,精心创作了一个"飘动爱心3D相册"网页,按照下面这个教程 ...
- HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计
HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...
- HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计...
HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...
- HTML5七夕情人节表白网页制作【绘制冬季下雪3D相册】HTML+CSS+JavaScript html生日快乐祝福网页制作
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
- web网页设计期末课程大作业~粉色的服装购物商城页面模板(HTML+CSS+JS)
web网页设计期末课程大作业~粉色的服装购物商城页面模板 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系 ...
- HTML5七夕情人节表白网页制作【粉色的情人节爱心飞出ui特效】HTML+CSS+JavaScript html生日快乐祝福网页制作
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
- HTML5生日快乐祝福网页制作【蛋糕烟花+蓝色梦幻海洋3D相册】HTML+CSS+JavaScript
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
- HTML5七夕情人节表白网页制作【生日蛋糕烟花动画CSS3特效】HTML+CSS+JavaScript html生日快乐祝福网页制作
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
最新文章
- 递归打印组合数、搜索模板
- mybitys 动态sql 注释_mybatis注解动态sql详解
- DeepLink用法及源码解析
- Oracle 11g中文版高清视频教程
- LeetCode 1066. 校园自行车分配 II(状态压缩DP)
- 西门子rwd60参数设置调试手册_RWD60 RWD68 RWD62西门子温控器调试说明指导
- 2013年6月12日星期三
- 如何在多台linux上同时跑相同的command?
- nginx 开机启动_4步配置Nginx + Keepalived + Havip,解决前端单点问题
- 以太坊智能合约开发第五篇:字符串拼接—Solidity
- atitit 数字音频技术概论 艾提拉著 目录 1. 声学基础	2 1.1. 1.2人耳的听觉效应9	2 2. 第1章数字音频基础	2 2.1. 1.1音频的发展历史	2 2.2. 1.2音频的发展
- 关闭计算机打印共享服务,win10系统电脑打印机服务被强行关闭的解决方案
- obs多推流地址_基于腾讯云的OBS 推流
- 元数据是什么?举例告诉你什么是元数据
- 如何查看虚拟机服务器ftp,如何通过FTP工具查看虚拟空间使用了多少?
- C/C++试题集——字符串篇
- JS数组方法最全最详细总结
- 微信开发工具更新后,跳转页面报错
- 一个执念重度患者的自白
- 如何绘制电气绝缘图(GB9706.1-2007和GB9706.1-2020差异)
热门文章
- 票据通的支票管理的账户管理的对应账号支票已使用该怎么重新修改票据打印模板;
- CorelDRAWX4的VBA插件开发(二十九)使用C++制作动态连接库DLL辅助VBA构键强大功能-(3)制作最简单的可供调用的DLL
- python获取城市区域边界坐标
- HTML 个人简历源码
- 泛微OA数据库表说明
- 【工具向】分析FGUI依赖关系工具
- win10 安装MASM32 遇到的问题DELETE operation of EXE file has failed
- 计算机网络课程设计 学校园网设计
- linux资源管理器编写,Linux系统资源管理器.doc
- 《数字图像处理 第三版》(冈萨雷斯)——第八章 图像压缩