制作粉色少女系列 生日快乐祝福网页(HTML+CSS+JS)
程序员爱情❤520/表白/七夕情人节/求婚❤专用html5+css3+js 生日快乐网站模板
HTML生日快乐祝福网页模板,该模板有多种动态效果图,全局采用蓝色装饰,适用于给女朋友的生日祝福,只需简单修改,即可用网页生成打开。
戳下方链接↓查看线上演示地址
0.生日演示地址 账号是 cyl 密码是 1007
1.生日快乐????(多页面html模板)★在线演示地址 账号是 123 密码是 123
2.生日蛋糕????★在线演示地址
3.(生日快乐)蛋糕烟花+蓝色梦幻海洋3D相册????★在线演示地址
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>
制作粉色少女系列 生日快乐祝福网页(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个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
最新文章
- 2018年HBase生态社群画像 +最全资料汇总下载
- 德勒报告:2018年全球生命科学发展趋势
- C# Socket使用代理 及 Http协议、Socks5协议
- Jupyter Notebook插入图片的4种方法
- Discovering versions from the identity service failed when creating the password plugin.
- 1分钟了解协同过滤,pm都懂了
- html如何实现切换效果,纯CSS实现页签切换效果
- Pwn2Own 2020线上争霸赛落幕:Fluoroacetate 团队四度蝉联 Master of Pwn!
- 通过一个对数据的存储和分析的简单实例初识Hadoop
- JAVA日志框架概述
- Windows 10微软应用商店打不开问题解决方案
- 【损失函数】生成任务感知损失小结
- 三大微分中值定理和洛必达法则、泰勒公式
- 银行大数据风控管理针对哪些应用场景?
- 从交互设计“流行元素”中启发
- Android Native 代码 Release 编译 - 隐藏符号表
- 京东数据中心主要基础设施系统(二)
- 理解vue-admin-template模板,连接后端改造登陆功能
- c语言实现求最大公约数的三种方法
- 计算圆周率π和显示进度条
热门文章
- jmeter导入已有的脚本_jmeter 开发导入excel脚本
- 网页设计引入的字体包过大的压缩方法
- FGUI GTween 完成事件不回调的问题
- java 知网 语义 相似度,基于知网的词汇语义相似度计算-hownet!.doc
- xp系统打印服务器自动关闭,WinXP系统Print spooler自动关闭如何解决?
- PMP考试-计算题公式汇总-(第6版)
- php使用redis实例,php中使用redis队列操作实例代码
- flacs 安装教程_绍兴拖拽式撬装加油装置建站方案
- Android app 跳转微信小程序
- Linux系统U盘怎么格式化,u盘怎么格式化各系统教程
H5 手机端 一,登录页面 (可自定义文字+图片+音乐) 二,生日蛋糕页面(可自定义文字+音乐) 三.浪漫表白页面 (可自定义图片+文字+音乐) 在线演示地址 https://ruanji ...
❤女朋友生日快乐祝福网页制作❤(HTML+CSS+JS) 程序员情人节表白网页, 生日祝福网页制作 ❤520/表白/七夕情人节/求婚❤专用html5+css3+js 生日快乐网站模板 HTML生日快乐 ...
HTML+CSS+JavaScript 超具创意的网页生日快乐祝福网页模板 是不是还没有给心爱的人准备小礼物呀,但是别担心,精心创作了一个"飘动爱心3D相册"网页,按照下面这个教程 ...
HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...
HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
web网页设计期末课程大作业~粉色的服装购物商城页面模板 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系 ...
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...