表白网页---樱花特效,旋转相册,在一起计时

这是一套表白页面=-=

​ PS:即使没有女朋友,也可以通过这套模板尝试一下哈

最下面放源码下载

项目功能

背景

1. 背景图更换 在index.html中更改url的路径就行

   

2. 樱花透明度 在index.html中更改opacity 0~1之间的数字,1是完全清晰 0是隐形

   

在一起计时

• 你已经和你的女朋友在一起一段时间了 那么恭喜你,请使用这个功能!

  在js/time.js下

  

• 如果你想用这个来表白,那你先注释掉这段代码0.0(或者你把class="words"那个div标签中的文字改成 我们已经相识)

  在index.html下

  

表白的话

1. 在js/typing.js中修改str的内容以及显示的速度,也就是到时候黑板上显示的内容

   

2. 字体大小/颜色/位置可以在css中调整,

   在index.html中

   

旋转相册

• 自定义图片,图片大小 以及 旋转相册位置

  在css/xuanzhuan.css中

  

• 旋转时间,也就是转一圈多久

  

成品效果

下载

下载链接 链接: https://pan.baidu.com/s/1HNuC6vam8PSWefigdOEufA
提取码: ybx2