Colorful模板增加loading彩虹加载样式

首页 » 技术交流 » 2023年05月25日上午 10:10:34 » 1531 次浏览 » 0 条评论 » 本文：1479字

选择打赏方式

温馨提示：

本文最后更新于2023年05月25日，已超过1年6个月(约546天)没有更新，若内容或图片失效，请留言反馈。

逛博客时看到傲世网的网站，页面加载时显示彩虹加载样式，感觉挺好看的，就扒了下来。

对Colorful模板进行改造增加loading彩虹加载样式：

对模版设置增加Pjax加载时的loading样式：找到模版设置文件options.php，中的Pjax加载样式增加选项'4' => '彩虹样式',
在样式style文件夹中上传样式文件caihong.css
最后在footer.php底部文件添加条件分支语句，在条件满足时会加载一个 CSS 文件和一个彩虹 loading 动画

<?php elseif(_g('loading')==4):?>
<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_URL; ?>style/caihong.css?v=20200504" />
<div class='colorful_loading_frame'>
    <div class="ccle">
      <b><span><i></i></span></b>
      <b><span><i></i></span></b>
      <b><span><i></i></span></b>
      <b><span><i></i></span></b>
      <b><span><i></i></span></b>
      <b><span><i></i></span></b>
      <b><span><i></i></span></b>
      <b><span><i></i></span></b>
    </div>
</div>