导读：jQuery插件Burn使用教程分享，希望对你有用，仅供参考。使用方法引入核心文件<link href="css/style.css" rel="stylesheet"><script src...
jQuery插件Burn使用教程分享，希望对你有用，仅供参考。
使用方法
引入核心文件
<link href="css/style.css" rel="stylesheet">
<script src="http://libs.useso.com/js/jquery/1.8.2/jquery.min.js"></script>
<script src="js/jquery.burn.min.js"></script>
写入html代码
<p class="burn-holder"><span class="burning">Simple usage</span></p>
写入JS初始化插件
$(function(){
$('.burning').burn();
});
参数选项
$('.burn').burn() //启用效果
$('.burn').burn(false); //关闭效果
$('.burn').burn('wind'); // 返回 1
$('.burn').burn('diffusion', 2); // 2倍火焰大小
$('.burn').burn({
k: 10,
w: 10
}); //两倍波长和两倍速度
|
选项 |
默认值 |
描述 |
| a |
0.3 |
波幅，火苗的波动幅度 |
| k |
0.05 |
波动，数据越大，火焰的分裂越多 |
| w |
10 |
角频率 |
| wind |
1 |
倾斜，火焰的倾斜度，为0时方向垂直 |
| diffusion |
1 |
火焰的模糊影子 |
| flames |
array |
火焰对象，阴影的数组，具体请看下表 |
火焰对象
|
选项 |
默认值 |
描述 |
| x |
0 |
开始位移，一般情况下请设为0 |
| hsla |
[58, 96, 89, 1] |
阴影的颜色，使用HSLA模式 |
| y |
0 |
垂直高度偏移，单位为EM，此值用来增强火焰的热度 |
| blur |
0.1 |
阴影的模糊值 |
