ils/1…

文章地址https://blog.csdn.net/weixin_43151418/article/details/134467729

html书本翻页效果浪漫表白日记本(附源码)html爱情表白html记事本html表白日记html书中的爱情html爱情日记属于自己的记事本实现书本翻页效果写上自己的日记背景夜空下的萤火虫棉花糖的背景音乐漂浮的誓言文字独一份的浪漫代码上手简单代码独立可以直接使用。

也可直接预览效果。

1.设计来源

书本正面就是界面刚进入的效果右上角是背景音乐按钮可以控制播放暂停背景为夜空下的萤火虫左边是漂浮的文字演示渐变右边为日记本的首页。

1.2

翻开第一页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。

到时候每页放的内容可以自己灵活定义。

1.3

翻开第二页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。

到时候每页放的内容可以自己灵活定义。

1.4

翻开第三页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。

到时候每页放的内容可以自己灵活定义。

1.5

翻开第四页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。

到时候每页放的内容可以自己灵活定义。

1.6

翻开第六页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。

到时候每页放的内容可以自己灵活定义。

1.7

翻开第七页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。

到时候每页放的内容可以自己灵活定义。

1.8

翻开第八页左边为日记的结尾封皮右边为漂浮的文字演示渐变可以自己灵活定义。

2.效果和源码

这里是完整的效果演示可在此代码基础上更加完善功能支持扩展自己的风格可以删减内容打造属于自己的酷炫日记本。

2.2

initial-scale1.0title我的爱情日记/titlelink

relstylesheet

srcjs/prefixfree.min.js/scriptlink

relicon

οnselectdocument.selection.empty()

οncοpydocument.selection.empty()

onbeforecopyreturn

οnmοuseupdocument.selection.empty()diviframe

classframeBg

loveimgh1我的爱情日记/h1div点击开启甜蜜/div/divdiv

classback

loveimgh1初遇/h1p2022年02月14号天气晴今天是情人节本想宅在家里奈何被室友各种哄骗出去逛街去了今天的街道上充满了幸福的味道甜蜜随处可见。

我也遇到了生命中的贵人。

/pp这个是日记模板摘抄的网上文章。

自己可以按这种格式写也可以改变自己喜欢的。

这种模式是左边文字形式日记右边是图片形式日记。

/pp如果你不爱一个人请放手好让别人有机会爱他。

如果你爱的人放弃了你请放开自己好让自己有机会爱别人。

生活中到处都存在着缘份缘聚缘散好象都是命中注定的事情;有些缘份一开始就注定要失去有些缘份永远都不会有好结果;可是我确偏偏渴望创造一种奇迹。

爱一个人不一定是要拥有但拥有一个人就要好好的去爱他。

话说着容易可一旦做时就很难。

如果真诚是一种伤害请选择谎言。

如果谎言是一种伤害请选择沉默。

/pdiv

typetext/javascript/scriptscript

/body

注本文撰写于CSDN平台,作者xcLeigh所有权归作者所有https://blog.csdn.net/weixin_43151418如果相关下载没有跳转请查看这个地址相关链接没有跳转皆是抄袭本文转载请备注本文原地址。

亲码字不易动动小手欢迎

原文地址https://blog.csdn.net/weixin_43151418/article/details/134467729防止抄袭原文地址不可删除