jQuery实现的加载页面过渡效果

jQuery插件实现的加载图片和页面效果

http://www.helloweba.com/view-blog-280.html


示例1:DIV加载图片

jQuery实现的加载页面过渡效果_第1张图片
$(function(){
  $('#img').oLoader({
    waitLoad: true,
    fadeLevel: 0.9,
    backgroundColor: '#fff',
    style:0,
    image: 'loader.gif'
  });
});
		

示例2:Ajax加载页面

这是一个测试页面!
Ajax加载的。页面地址: ex_02.html

点击查看

$(function(){
  $('#ajaxload').oLoader({
	url: 'ex_02.html'
  });
});

		

示例3:加载页面

点击查看

$(function(){
  $.oPageLoader();
});
		

示例4:加载页面带回调函数

点击查看

$(function(){
  $.oPageLoader();
});
	

你可能感兴趣的:(jquery)