Cuteen 添加一些无聊的视觉效果

  • 2020 年 09 月 28 日
  • 46次
  • 206 字
  • 暂无评论

临近中秋, 祝大家中秋快乐 闲来无事,改改主题,给自己的网站增加一点问题

樱花落

代码用的是 Cherry_Blossoms 用jqery实现的功能

Head 中添加以下文件

  • 引用 js
  • 引用 css
  • 引用 樱花图片

Body 添加如下代码

<div class="cherry">
   <img id="yinghua" src="../image/yinghua.png" alt="" >
</div>

参数修改

导入一下js代码其中各变量可根据需要改变

$(function(){
        $('.cherry').Cherry_Blossoms({
            is_Cherry:true,//是否生成樱花
            image_min:10,//花瓣最小宽度和高度
            image_max:50,//花瓣最大宽度和高度
            time_min:10000,//花瓣最快下坠时间
            time_max:20000,//花瓣最慢下坠时间
            interval:500//花瓣生成时间间隔
        })
})

效果展示

樱花落

首页视频背景

文件地址

usr/themes/Cuteen/Base/hero.php

修改源码

<video id="liveBgBox" autoplay="true" loop="true" muted="true" src="https://comzg.com/loop.mp4" style="width: 100%;height: 100%;object-fit: cover;"></video>

上效果

大不大

最后

  • 搜集好看的背景视频,欢迎留言投稿
  • 下个月结婚了,忐忑 开心 激动

背景视频资源

背景视频资源


版权属于:Ayooo

本文链接:https://wmoe.cn/cuteenmo.html



—— 暂无评论 ——

OωO