• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏幻天博客吧
  • 欢迎来到铃音的私人博客! QQ群

[教程]页面加载特效,任何程序均可用!

兴趣 天空の铃音 6年前 (2014-04-17) 2693次浏览 已收录 0个评论 扫描二维码
文章目录[隐藏]

efc2430fd9f9d72a3175d379d62a2834359bbbd4

简介

适合各种网站源码!Discuz,WordPress,等为什么适合!因为这就是一个 jq 特效而已!拿着用就好了!

说明

一般添加到头部文件【header.php】里面!
头部文件一般都是叫【header.php】这个名字的。

我们在这个</head>标签前面添加

<script type="text/javascript" src="js/jquery.js"></script>

我们继续在 这个里面添加一串 JS 代码!

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

//加载中提示代码
$(document).ready(function() {
$('.post-title a').click(function(){
myloadoriginal = this.text;
$(this).text('正在努力载入中,请稍等片刻...');
var myload = this;
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011);
});
});
</script>

接着我们在这个<body>标签下面添加以下代码!

<div id="loading" style="position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; background: #000 url('css/loading.gif') no-repeat center; opacity: 0.6; filter: alpha(opacity=60); font-size: 14px; line-height: 20px;">
<p id="loading-one" style="color: #fff; position: absolute; top: 50%; left: 50%; margin: 50px 0 0 -50px; padding: 3px 10px;">页面载入中,请稍后...</p>
</div>

右键可以下载我们使用的图片!也可以去网上搜索下!

loading

文件下载

文件下载

  文件名称:JS 文件  文件大小:未知
  下载声明:本站作品均有会员提供,如有侵犯您的版权请联系我们及时处理!
  下载地址:本地下载

转载请注明 - [教程]页面加载特效,任何程序均可用! - 幻想天空 - 魔王殿 - 铃音の小屋
喜欢 (0)
[不公开]
分享 (0)
关于作者:
美国服务器正在努力恢复中!目前系统升级完善,功能可以使用!现在来申请免费空间无需填表哟!
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址