___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博客​blog.csdn.net

html5酷炫表白代码_七夕表白代码,樱花特效+爱心特效+花瓣+评论留言功能等相关推荐

  1. phpstom 驼峰插件_推荐四个phpstorm酷炫实用插件 让你写代码的时候不在孤单!

    PHP PHP开发 PHP语言 推荐四个phpstorm酷炫实用插件 让你写代码的时候不在孤单! 程序员写代码很孤独,每天只能和电脑屏幕交流,想要一个程序员鼓励师妹子,老板又不给配,如何让自己写代码的 ...

  2. html动态显示字母,html5酷炫字母喷射动画效果

    html5酷炫字母喷射动画效果,canvas绘制英文字母字符像喷泉喷水一样向上喷射动画特效. 查看演示 下载资源: 32 次 下载资源 下载积分: 10 积分 js代码 var Canvas = {} ...

  3. 最近分享一款抖音上很火的七夕节程序员表白页面_html5七夕表白放烟花动画特效...

    html5七夕表白放烟花动画特效 最近分享一款抖音上很火的七夕节程序员表白页面.小姐姐,我好喜欢你,你愿意做我女朋友吗? 表白成功触发烟花背景动画特效. 表白内容:有人说,人的一生会遇到2920万人, ...

  4. 最近分享一款抖音上很火的七夕节程序员表白页面_html5七夕表白放烟花动画特效

    html5七夕表白放烟花动画特效 最近分享一款抖音上很火的七夕节程序员表白页面.小姐姐,我好喜欢你,你愿意做我女朋友吗? 表白成功触发烟花背景动画特效. 表白内容:有人说,人的一生会遇到2920万人, ...

  5. 浪漫的python代码_七夕,最浪漫的Python代码送给陷入爱河的Python男同胞

    七夕,最浪漫的Python代码送给陷入爱河的Python男同胞 image.gif ​ 三句话情书,我们听过.如何用python写一段浪漫的代码?可以是简短有韵味的情书式, 也欢迎冗长而效果拔群的万行 ...

  6. 前端酷炫效果参考_纯CSS3实现的一些酷炫效果

    之前在网上看到一些用纯CSS3实现的酷炫效果,以为实现起来比较困难,于是想看看具体是怎么实现的. 一.笑脸猫动画 实现效果如下: 这个实现起来确实比较麻烦,很多地方需要花时间,有耐心地调整. 1.先看 ...

  7. 读代码读的什么代码_您的代码应读得像书

    读代码读的什么代码 There's a pandemic among programmers. Long functions, broad and nondescriptive names for f ...

  8. 回滚master代码_[转]Git 代码撤销、回滚到任意版本(当误提代码到本地或master分支时)...

    两种情况(场景) 情况一 代码还只在本地,未push到运程仓库,想把代码还原到上一次commit的代码,此时操作为代码撤销 解决方案: 情况二 代码已经push到运程仓库,想把代码还原到上一次提交,此 ...

  9. 收藏本站html,加入收藏代码_加入收藏代码 -收藏本站的代码

    摘要 腾兴网为您分享:加入收藏代码 -收藏本站的代码,追书神器,智慧医疗,云端学习,央视影音等软件知识,以及workflow,电脑管家2017,自动考勤表,双录系统,国泰君安富易,佳缘佳信,谷歌浏览器 ...

最新文章

  1. linux中使用yum安装主程序包,linux使用yum对程序包管理相关知识
  2. 3天初版部署7天快速迭代!百度飞桨携手北京地铁落地AI口罩检测方案
  3. 关于在ROS kinetic下arbotix报错的问题
  4. 锤子剪刀布 (20)
  5. oracle启动crs要多久,ORACLE RAC crs 无法启动
  6. 效能改进之项目例会导入实践 1
  7. java类只读怎么办_如何在Java中制作一个只读类?
  8. mysql was1067_MySQL启动提示1067错误的解决
  9. 两年前,梦开始的地方.
  10. 能力提升综合题单 Part 8.9.1 最大流
  11. 用户体验测试之专家评估
  12. 用电脑计算器计算以2为底的对数
  13. 如何将flac文件转换为mp3文件?
  14. dolphinscheduler2.0.5 HTTP任务类型改造
  15. 360浏览器是ie浏览器吗?有什么区别
  16. iOS本地化货币符号显示不正确(显示为XXX)的解决
  17. Res2Net: A New Multi-scale Backbone Architecture
  18. 中证500-小盘股预警2015.4.2
  19. 基于51单片机直流电机PWM调速设计
  20. C++程序设计:考研路茫茫——早起看书

热门文章

  1. 网络协议osi模型_网络协议|OSI模型第二层数据链路层
  2. Android笔记 隐式意图vs显示意图+隐式意图打开短信应用demo
  3. 打开Jupyter Notebook 时报错:EnvironmentLocationNotFound: Not a conda environment:
  4. 解决windows预览体验计划页面空白问题
  5. Python函数学习
  6. Servlet萌新基础
  7. 计算机的编程发源地,计算机编程: C典型上机试题
  8. 一建管道工程122知识点_背诵的知识点是否边缘化?一建市政一本通+学霸笔记,教你只记重点...
  9. zeromq不需要消息服务器,ZeroMQ发布订阅TCP丢弃消息订阅服务器失败
  10. sendfile实现文件服务器,sendfile