简要教程
ProgressBar.js是一款jQuery图片加载loading加载层动画插件。该插件在图片加载时，为图片添加垂直的图片逐渐显示效果，非常炫酷。
ProgressBar.js效果图-1
ProgressBar.js效果图-2
使用方法
在HTML文件中引入。
<linkrel="stylesheet"type="text/css"href="../src/progressbar.css">
<scripttype="text/javascript"src="../src/jquery.min.js"></script>
<scripttype="text/javascript"src="../src/jquery.progressbar.js"></script>
HTML结构
<divid="container">
</div>
javascript
普通垂直加载图片效果：
varmyProgress=$("#example").progressBar({
imageUrl:'image.png',
imageHeight:300,
imageWidth:250
});
使用背景图片：
varmyProgress=$("#example").progressBar({
imageUrl:'image.png',
imageHeight:300,
imageWidth:250,
backgroundImageUrl:'bg.png',
backgroundOpacity:1
});
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jQuery