手机版 | ------------全站资源有,统一解压码,解码平台,请点这里 ------------ 设首页 | 加收藏
当前位置: 网站首页 > jQuery库 > 文章 当前位置: jQ > 文章

jQuery背景动画特效插件starlight.js

时间:2020-06-25    点击: 次    来源:网络    作者:佚名 - 小 + 大

jQuery背景动画特效插件starlight.js
简要教程

starlight.js是一款jQuery背景动画特效插件。该插件可以为页面添加随机动画的星星、圆形或其它形状的背景动画特效。

使用方法

在页面中引入下面的文件。

<script src="/path/to/jquery.js"></script><script src="/path/to/starlight.js"></script>                          
HTML结构

为你想要添加背景动画的容器添加starlight class。

<body class="starlight">  content here</body>                
配置参数
var user_configuration={    // "circle" or "square"    shape:"circle",    // star size in pixels    initial_size:"12px",    // final size of the stars after expansion     final_size:"64px",     // how fast the stars get bigger, in milliseconds    expand_speed:"1s",     // how long until the star fades out    fade_delay:"0.5s",     // how long the star fades for    fade_duration:"0.5s",     // The variety of colors of the stars. Can be any CSS complient color (eg. HEX, rgba, hsl)    colors:["hsla(62, 50%,50%, 0.5)", "rgba(255,255,255,0.5)","hsla(180, 72%, 52%, 0.5)"],     // how often a new wave of stars pop-out (in milliseconds. Bigger==longer)    frequency:100,     // how many stars pop out per wave    density: 1,    // whether the stars disappear after they are created    keep_lit: false,     // whether the stars rotate through out their expansion    rotation: true,     // how much of the element's area the stars will show up in (0-1)    coverage:1,     // the elements the script will target based on the class name    target_class:'.starlight'};                    

 该jQuery背景动画特效插件的github网址为:https://github.com/sergei1152/Starlight.js

 jQuery背景动画特效插件starlight.js 本地下载

上一篇:jQuery显示隐藏和复制表单密码字段插件

下一篇:可分页、排序和搜索的jQuery表格插件

推荐阅读
浙ICP备14024822号  |   QQ:79720816  |  地址:蚂蚁分享-一个只做有用的分享。  |  电话:13388629007  |  
Copyright © 2020 天人文章管理系统 版权所有,授权www.antqq.com使用 Powered by 55TR.COM