注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jquery与CSS3制作火焰字效果插件jQuery Burn

jQuery插件 fishcity 1221浏览

jquery与CSS3制作火焰字效果插件jQuery Burn

jQuery Burn是一款利用CSS3文字阴影效果来制作火焰字的插件,jQuery Burn只需几行代码的配置,便可以轻松的让你网站的文字燃烧起来,当然利用到CSS3的属性,因此,插件只能在现代浏览器中正常运行,IE10以上。

使用方法

引入核心文件

<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 阴影的模糊值

转载请注明:jQ酷 » jquery与CSS3制作火焰字效果插件jQuery Burn

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。