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

    选择打赏方式

温馨提示:
本文最后更新于2023年05月25日,已超过1年4个月(约509天)没有更新,若内容或图片失效,请留言反馈。

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

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

  1. 对模版设置增加Pjax加载时的loading样式:找到模版设置文件options.php,中的Pjax加载样式增加选项'4' => '彩虹样式',
  2. 在样式style文件夹中上传 样式文件caihong.css
  3. 最后在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>​

来源:蓝奏云  |  大小:4kb  |  下载次数:121次  
版权声明:若无特殊注明,本文为《寒星皓月》原创,转载请保留文章出处。
本文链接:https://www.wanghanyue.com/post-93.html
作品采用:知识共享署名 4.0 (CC BY-NC-SA 4.0) 国际许可协议 进行许可。
正文到此结束

相关推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

呵呵 哈哈 羡慕 惊恐 超赞 嗯哼 滑稽 不高兴 大哭 疑问 你懂得 打脸 黑线 委屈 小乖 酷 笑眼 汗 what 鄙视 喷 阴险 怒 吃瓜

评论信息框
可使用QQ号实时获取昵称+头像

私密评论

吃奶的力气提交吐槽中...


既然没有吐槽,那就赶紧抢沙发吧!