• 作者:SuperPaxxs扶摇直上九万里,绝云气,负青天,不知图哪了,正在努力搜索中..
    • 请在Chrome、Firefox等现代浏览器浏览本站。 有事 点击这里 联系博主
    • 想在魔帆博客投稿? 点击这里 联系博主
    • [ 既然来了就多看两篇文章嘛,你好意思走么? ]
    • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏魔帆博客吧

文章标题添加”网页加载中”特效-wordpress教程

目录
[隐藏]

现在许多wordpress博客有这个功能:“网页正在加载中”or“文章正在加载”的提示效果加载进程,该特效需要用到jquery,方法来源网络!

No.1 加载jquery.min.js

主题本身已加载了的话,就不用了。
具体加载方法: 传送门

No.2 在前添加一段JS代码

<script type="text/javascript">// <![CDATA[
jQuery(function(){
jQuery('#loading-one').empty().append('页面加载完毕.').parent().fadeOut('slow');
});
// ]]></script>

No.3 在后添加显示效果样式

<div id="loading" style="position:fixed !important;position:absolute;top:0;left:0;height:100%; width:100%; z-index:999; background:#000 url(这里输入一个图片地址) no-repeat center; opacity:0.6; filter:alpha(opacity=60);font-size:14px;line-height:20px;" onclick="javascript:turnoff('loading')">
<p id="loading-one" style="color:#fff;position:absolute; top:50%; left:50%; margin:50px 0 0 -50px; padding:3px 10px;" onclick="javascript:turnoff('loading')">页面载入中,请稍后...</p>
</div>
注意修改代码中的 url(这里输入一个图片地址)

魔帆博客 , 版权所有丨如未注明 , 均为原创丨本网站均采用BY-NC-SA协议进行授权 , 转载请注明文章标题添加”网页加载中”特效-wordpress教程
喜欢 (4)
[]
分享 (0)
Super Paxxs
关于作者:
一只初中狗,对网站建设和编程非常感兴趣。
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 要是我,我比较喜欢写上受您网速影响,我等正在为您提速。(就是忽悠王啊,呃,怎么跑偏成王者荣耀了。)
    liu_peijing2017-02-23 01:09 回复
×
订阅图标按钮