其他代码

Starlight 背景动画特效jQuery插件

也想出现在这里?联系我们
面包多

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

使用方法

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

也想出现在这里?联系我们
创客主机
  1. <script src="/path/to/jquery.js"></script>
  2. <script src="/path/to/starlight.js"></script>

HTML 结构

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

  1. <body class="starlight">
  2.   content here
  3. </body>

配置参数

  1. var user_configuration={
  2.  
  3.     // "circle" or "square"
  4.     shape:"circle",
  5.  
  6.     // star size in pixels
  7.     initial_size:"12px",
  8.  
  9.     // final size of the stars after expansion 
  10.     final_size:"64px", 
  11.  
  12.     // how fast the stars get bigger, in milliseconds
  13.     expand_speed:"1s", 
  14.  
  15.     // how long until the star fades out
  16.     fade_delay:"0.5s", 
  17.  
  18.     // how long the star fades for
  19.     fade_duration:"0.5s", 
  20.  
  21.     // The variety of colors of the stars. Can be any CSS complient color (eg. HEX, rgba, hsl)
  22.     colors:["hsla(62, 50%,50%, 0.5)", "rgba(255,255,255,0.5)","hsla(180, 72%, 52%, 0.5)"], 
  23.  
  24.     // how often a new wave of stars pop-out (in milliseconds. Bigger==longer)
  25.     frequency:100, 
  26.  
  27.     // how many stars pop out per wave
  28.     density: 1,
  29.  
  30.     // whether the stars disappear after they are created
  31.     keep_lit: false, 
  32.  
  33.     // whether the stars rotate through out their expansion
  34.     rotation: true, 
  35.  
  36.     // how much of the element's area the stars will show up in (0-1)
  37.     coverage:1, 
  38.  
  39.     // the elements the script will target based on the class name
  40.     target_class:'.starlight'
  41.  
  42. };

Github 网址:https://github.com/sergei1152/Starlight.js

服务范围 1、专业提供WordPress主题、插件汉化、优化、PHP环境配置等服务请详询在线客服
2、本站承接 WordPress、DedeCMS、ThinkPHP 等系统建站、仿站、开发、定制等服务
3、英文模板(主题)安装费用为120元/次,汉化主题首次免费安装(二次安装30元/次)
售后时间 周一至周五(法定节假日除外) 10:00-22:00
免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 2107117185@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!
免费下载
(0)

本文由 创客云 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

热评文章

发表评论

精彩推荐

Tabula - 艺术音乐外语培训学校网站WordPress模板

Envato Affiliates

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!

Hi, 如果您有主题插件代购(30-600元)汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!