怎么找网站,网站图片设置,网站信息备案变更 哪里做,用WordPress的网站有哪些文章目录 1.设计来源1.1 书本正面1.2 界面1-21.3 界面3-41.4 界面5-61.5 界面7-81.6 界面9-101.7 界面11-121.8 书本结尾 2.效果和源码2.1 动态效果2.2 源代码 源码下载 作者#xff1a;xcLeigh 文章地址#xff1a;https://blog.csdn.net/weixin_43151418/article/details/1… 文章目录 1.设计来源1.1 书本正面1.2 界面1-21.3 界面3-41.4 界面5-61.5 界面7-81.6 界面9-101.7 界面11-121.8 书本结尾 2.效果和源码2.1 动态效果2.2 源代码 源码下载 作者xcLeigh 文章地址https://blog.csdn.net/weixin_43151418/article/details/134467729 html书本翻页效果浪漫表白日记本(附源码)html爱情表白html记事本html表白日记html书中的爱情html爱情日记属于自己的记事本实现书本翻页效果写上自己的日记背景夜空下的萤火虫棉花糖的背景音乐漂浮的誓言文字独一份的浪漫代码上手简单代码独立可以直接使用。也可直接预览效果。 1.设计来源
1.1 书本正面 书本正面就是界面刚进入的效果右上角是背景音乐按钮可以控制播放暂停背景为夜空下的萤火虫左边是漂浮的文字演示渐变右边为日记本的首页。 鼠标样式为心动的爱心 下面的视频效果可以看到。 1.2 界面1-2 翻开第一页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。到时候每页放的内容可以自己灵活定义。 点击日记内容的左边往前翻页点击日记内容的右边往后翻页。 1.3 界面3-4 翻开第二页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。到时候每页放的内容可以自己灵活定义。 点击日记内容的左边往前翻页点击日记内容的右边往后翻页。 1.4 界面5-6 翻开第三页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。到时候每页放的内容可以自己灵活定义。 点击日记内容的左边往前翻页点击日记内容的右边往后翻页。 1.5 界面7-8 翻开第四页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。到时候每页放的内容可以自己灵活定义。 点击日记内容的左边往前翻页点击日记内容的右边往后翻页。 1.6 界面9-10 翻开第六页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。到时候每页放的内容可以自己灵活定义。 点击日记内容的左边往前翻页点击日记内容的右边往后翻页。 1.7 界面11-12 翻开第七页左边头部为日记的开篇内容分为日期天气记录的事情这里是模板可以自定义右边为另一种格式的日记以图片为底内容辅助。到时候每页放的内容可以自己灵活定义。 点击日记内容的左边往前翻页点击日记内容的右边往后翻页。 1.8 书本结尾 翻开第八页左边为日记的结尾封皮右边为漂浮的文字演示渐变可以自己灵活定义。 点击日记内容的左边往前翻页。 2.效果和源码
2.1 动态效果 这里是完整的效果演示可在此代码基础上更加完善功能支持扩展自己的风格可以删减内容打造属于自己的酷炫日记本。
2.2 源代码 这里是主界面的代码其他图片、js、css等代码见下面的 源码下载 里面有所有代码资源和相关说明。
!DOCTYPE html
html langzh
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedge,chrome1 meta nameviewport contentwidthdevice-width, initial-scale1.0title我的爱情日记/titlelink relstylesheet typetext/css hrefcss/normalize.css /link relstylesheet href./css/style.cssscript srcjs/prefixfree.min.js/scriptlink hrefimages/favicon.png relicon
/head
body οncοntextmenureturn false οndragstartreturn false onselectstartreturn false οnselectdocument.selection.empty() οncοpydocument.selection.empty() onbeforecopyreturn false οnmοuseupdocument.selection.empty()diviframe classframeBg srcbg/index.html/iframediv idmaicimg idimgdh srcimages/music.gifimg idimg srcimages/music_off.pngaudio srcimages/marshmallow.mp3 autoplay loop/audio/div/divdivdiv classmyfont stylewidth: 50%;span 洛希极限/span至近至远都不好br /br /两人保持着适当的距离彼此吸引相互欣赏最好。/divdiv classmyfont stylewidth: 50%;span与你相爱/span幸福握在交缠指缝间。br /br /遇见了你是我一辈子的幸运。/div/divdiv classscenearticle classbooksection classpage activediv classfront loveimgh1我的爱情日记/h1div点击开启甜蜜/div/divdiv classback loveimgh1初遇/h1p2022年02月14号天气晴今天是情人节本想宅在家里奈何被室友各种哄骗出去逛街去了今天的街道上充满了幸福的味道甜蜜随处可见。我也遇到了生命中的贵人。/pp这个是日记模板摘抄的网上文章。自己可以按这种格式写也可以改变自己喜欢的。这种模式是左边文字形式日记右边是图片形式日记。/pp如果你不爱一个人请放手好让别人有机会爱他。如果你爱的人放弃了你请放开自己好让自己有机会爱别人。生活中到处都存在着缘份缘聚缘散好象都是命中注定的事情;有些缘份一开始就注定要失去有些缘份永远都不会有好结果;可是我确偏偏渴望创造一种奇迹。爱一个人不一定是要拥有但拥有一个人就要好好的去爱他。话说着容易可一旦做时就很难。如果真诚是一种伤害请选择谎言。如果谎言是一种伤害请选择沉默。/pdiv classpagetext1/div/div /section/article/divscript srcjs/jquery-1.11.0.min.js typetext/javascript/scriptscript srcjs/myself.js/script
/body
/html源码下载
html书本翻页效果浪漫表白日记本源码 点击下载 关注博主 带你实现畅游前后端 加入社区 带你体验马航不孤单 神秘个人简介 带你体验不一样得介绍 为爱表白 为你那个TA体验别致的浪漫惊喜 酷炫邀请函 带你体验高大上得邀请 ① 提供云服务部署有自己的阿里云 ② 提供前端、后端、应用程序、H5、小程序、公众号等相关业务 如合作请联系我期待您的联系。 注本文撰写于CSDN平台,作者xcLeigh所有权归作者所有https://blog.csdn.net/weixin_43151418如果相关下载没有跳转请查看这个地址相关链接没有跳转皆是抄袭本文转载请备注本文原地址。 亲码字不易动动小手欢迎 点赞 ➕ 收藏如 问题请留言评论博主看见后一定及时给您答复 原文地址https://blog.csdn.net/weixin_43151418/article/details/134467729防止抄袭原文地址不可删除
