很简单,就是假设你准备把内容加载到一个div id="ct"/div中那么一开始就在这个div中增加一个Gif图片类似动态旋转的条什么的,然后用$('#ct').load()方法对这个div进行加载数据,等内容读取到之后,内容的读取中图片会被新内容取代,就出现这个效果啦
为企业提供网站建设、成都网站制作、网站优化、成都营销网站建设、竞价托管、品牌运营等营销获客服务。成都创新互联拥有网络营销运营团队,以丰富的互联网营销经验助力企业精准获客,真正落地解决中小企业营销获客难题,做到“让获客更简单”。自创立至今,成功用技术实力解决了企业“网站建设、网络品牌塑造、网络营销”三大难题,同时降低了营销成本,提高了有效客户转化率,获得了众多企业客户的高度认可!
首先,你要在head中引入jquery的js,
然后
div id="main" style="width:90%;"
table class="table table-bordered table-striped table-condensed" style="width:100%;"
tr
thName/th
thPastDue/th
thAdvanced/th
thAboutOf/th
thExceed/th
thsldd/th
/tr
div class="loading"
img src="loading.gif"
/div
tbody class="pybody" style="display: none"
tr py:for="bug in mail_settings"
td${bug.pastDoName}/td
td${bug.pastDue}/td
td${bug.advanced}/td
td${bug.aboutOf}/td
td${bug.exceed}/td
td${bug.sldd}/td
/tr
/tbody
/table
/div
script type="text/javascript"
$('.pybody').ready(function(){
$(".loading").fadeOut();
$(".pybody").fadeIn();
})
/script
以上代码可以直接复制粘贴
有个很简单的方法
首先载入jquery
script src="
之后把body加上style
body style="display: none;"
然后添加script事件
script
$(document).ready(function(){
$('body').show(10000); // 1000等于1秒
});
/script
1、首先新建一个html文件,命名为test.html,在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
2、在test.html文件内,使用button标签创建一个按钮,按钮名称分别为“刷新页面”。
3、在test.html文件内,设置button标签的id为btn,主要用于下面通过该id获得button对象。
4、在js标签内,使用$(function(){ })方法在页面加载完成时,通过window.location.href获得当前页面的链接,并把链接保存在变量url中。
5、在js标签内,通过id(btn)获得button对象,给它绑定click点击事件,实现当按钮被点击时,使用window.location.href方法跳转至url,从而实现刷新页面的效果。
6、在浏览器打开test.html文件,点击按钮,查看实现的效果。