html5酷炫表⽩代码_七⼣表⽩代码,樱花特效+爱⼼特效+花瓣
+评论留⾔功能等
___2020/8/25七⼣不是快到了嘛,寻思最近没啥活,于是闲暇时间扒⼀套JQuery代码,做了⼀下优化 ------- 超级好看的花瓣表⽩⽹页源码,
___然后通过gitee(码云)搭建了⼀套个⼈⽹页,因为使⽤了valine公共评论平台,怕⼀些⼈发布不良⾔论,所以项⽬地址还不能公开.
1.这套代码效果挺不错的,缺点就是bug太多,应该是作者阉割过很多的,有⼀些cavans绘制的特效都阉掉了,修复起来难度⽐较⼤.就把相关js 注释了.
2.之前使⽤的评论模块应该是多说(duoshuo)第三⽅公开评论平台,但是这个⽹站已经被关闭了,不再提供服务,于是查了⼀下,决定使⽤valine公开评论平台,不得不说这个确实是很棒,很多⼤神对这个进⾏了优化,有很多主题,此处我使⽤的原版.然后使⽤⽅法参考了—>这位⼤佬的博客.
3.考虑到直接进⼊页⾯⽐较单调,⽽且背景⾳乐前调挺长的,于是做了⼀个加载动画,此处引⽤的jquery库的—>HTML5制作3D樱花漫天飞舞,
4.这个项⽬点击不同花瓣时实际上是跳转了路由,于是就相当于切换了场景,BGM会重置,给⼈体验不太好,于是此处⽤了<frameset> <frame src="index.html"> </frameset>框架.
好看的留言5.原项⽬的时间计算有些问题,这边进⾏了修复.只要在function.js中改⼀下,你们相遇的时间即可以正常计算并显⽰
6.加载动画B格有点⾼,直接进⼊页⾯后没有什么特效⼜⽐较low,于是参考某位⼤佬⽤canvas绘制了全屏的爱⼼特效biubiubiu,这下动静结合了,⾮常棒滴哟
7.移动端还没有兼容,演⽰起来没问题,只是⿏标滚动事件有些bug,接来下会抽时间兼容⼀哈.
————————————————
版权声明:本⽂为CSDN博主「sun shying」的原创⽂章,遵循CC 4.0 BY-SA版权协议,转载请附上原⽂出处链接及本声明。
原⽂链接:
七⼣表⽩代码,樱花特效+爱⼼特效+花瓣+评论留⾔功能等_ju__ju的博客-CSDN博客b log.csdn