详细信息
SavageLoaders 是一个易于使用的 jQuery 插件，可让您从您提供的任何图像创建精美的、动画的、可自定义的加载微调器。
更多功能：
5 种动画类型：圆形、水平、旋转、rotateX、rotateY、脉冲。
自定义动画延迟和方向。
如何使用它：
1. 添加对 jQuery 库和 SavageLoaders 插件文件的引用。
<link rel="stylesheet" href="savage-loader.css">
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="savage-loader.js"></script>2. 为加载微调器创建一个占位符。
<div id="example"></div>3. 调用占位符元素上的函数并指定图像的路径。就是这样。
$('#example').savageLoader( {
imageUrl: "image.png"
});4. 创建一个水平加载条。
$('#example').savageLoader( {
imageUrl: "image.png",
loaderType: "horizontal",
imageCount: 10, // the number of images
direction: "right", // or 'left'
turnDelay: 50
});5. 创建一个旋转加载微调器。
$('#example').savageLoader( {
imageUrl: "image.png",
loaderType: "rotate", // or 'rotateX', 'rotateY'
startAngle: 0,
angleIncrement: 5
});6. 创建一个跳动的加载微调器。
$('#example').savageLoader( {
imageUrl: "image.png",
loaderType: "pulse",
currentOpacity: 1,
opacityIncrement: -0.1
});7. 对默认加载类型应用隐藏效果。
$('#example').savageLoader( {
imageUrl: "image.png",
fadeType: "hide"
});8.所有加载类型的更多配置。
$('#example').savageLoader( {
imageUrl: "image.png",
moveToNextDelay: 50,
fadeDelay: 700
});
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。