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

点赞(0) 打赏

立即下载

点击下载

评论列表共有 0 条评论

暂无评论