Colorful模板增加loading彩虹加载样式
温馨提示:
本文最后更新于2023年05月25日,已超过1年4个月(约509天)没有更新,若内容或图片失效,请留言反馈。
逛博客时看到傲世网的网站,页面加载时显示彩虹加载样式,感觉挺好看的,就扒了下来。
对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>
来源:蓝奏云 | 大小:4kb | 下载次数:121次
寒星皓月》原创,转载请保留文章出处。
本文链接:https://www.wanghanyue.com/post-93.html
作品采用:知识共享署名 4.0 (CC BY-NC-SA 4.0) 国际许可协议 进行许可。
版权声明:若无特殊注明,本文为《正文到此结束
发表吐槽
你肿么看?
既然没有吐槽,那就赶紧抢沙发吧!