![def9762ca4810532e3b1ae3f45ae8d96.png](https://i-blog.csdnimg.cn/blog_migrate/e39c7aa4510a839c86c673d379c7525b.jpeg)
![4e4f3ae79620f0c5031e4bb8d6685cfe.png](https://i-blog.csdnimg.cn/blog_migrate/a4acc5cfcaeff4c355a8ce0d6d6b186d.png)
___2020/8/25七夕不是快到了嘛,寻思最近没啥活,于是闲暇时间扒一套JQuery代码,做了一下优化 ------- 超级好看的花瓣表白网页源码,
![59a235ffd0297921a75d39d2bcef50bb.png](https://i-blog.csdnimg.cn/blog_migrate/6bf218817b22ea210558abf893dbe89b.jpeg)
___然后通过gitee(码云)搭建了一套个人网页,因为使用了valine公共评论平台,怕一些人发布不良言论,所以项目地址还不能公开.
1.这套代码效果挺不错的,缺点就是bug太多,应该是作者阉割过很多的,有一些cavans绘制的特效都阉掉了,修复起来难度比较大.就把相关js注释了.
![156e423d2d972d3e6edbcaabdc422e2b.png](https://i-blog.csdnimg.cn/blog_migrate/d244f3ab1cb8d8cddee49decf710b244.jpeg)
2.之前使用的评论模块应该是多说(duoshuo)第三方公开评论平台,但是这个网站已经被关闭了,不再提供服务,于是查找了一下,决定使用valine公开评论平台,不得不说这个确实是很棒,很多大神对这个进行了优化,有很多主题,此处我使用的原版.然后使用方法参考了—>这位大佬的博客.
3.考虑到直接进入页面比较单调,而且背景音乐前调挺长的,于是做了一个加载动画,此处引用的jquery库的—>HTML5制作3D樱花漫天飞舞,
4.这个项目点击不同花瓣时实际上是跳转了路由,于是就相当于切换了场景,BGM会重置,给人体验不太好,于是此处用了<frameset> <frame src="index.html"> </frameset>
框架.
![988855ab18cfefa0ae1e135c238e6a72.png](https://i-blog.csdnimg.cn/blog_migrate/2782cf934b52fc2be4595f8c8d617797.jpeg)
5.原项目的时间计算有些问题,这边进行了修复.只要在function.js中改一下,你们相遇的时间即可以正常计算并显示
6.加载动画B格有点高,直接进入页面后没有什么特效又比较low,于是参考某位大佬用canvas绘制了全屏的爱心特效biubiubiu,这下动静结合了,非常棒滴哟
7.移动端还没有兼容,演示起来没问题,只是鼠标滚动事件有些bug,接来下会抽时间兼容一哈.
————————————————
版权声明:本文为CSDN博主「sun shying」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:
七夕表白代码,樱花特效+爱心特效+花瓣+评论留言功能等_ju__ju的博客-CSDN博客blog.csdn.net![b1ae30954a0a49c9198afdb6614b2a10.png](https://i-blog.csdnimg.cn/blog_migrate/98c9bc682657b3c5c537a2508cb07ad9.jpeg)