Bubble Engine

jQuery 气泡动画模仿插件
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery高级页面组件
软件类型 开源软件
地区 不详
投 递 者 谢诚
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Bubble Engine是一个漂亮的jQuery插件,它非常成功的模仿了冒气泡动画。它可以让你利用JavaScript控制最大和最小气泡的大小,气泡图片,气泡产生的位置和方向,气泡消失时间等。

在线演示:http://www.soyos.net/tl_files/demos/bubbles/

配置选项

泡沫引擎是一个肥皂泡粒子发射器模拟。大小,位置看图形的,等可以自由调节。

  • 最小粒径
  • 粒子的最大尺寸
  • 粒子的起始位置
  • 粒子寿命(动画的持续时间)
  • 粒子寿命差异(动画的持续时间)
  • 粒子散射(的X / Y)
  • 粒子飞行方向(左,右,居中)
  • 重粒子
  • 粒子图像
  • 粒子重建(上|关闭)

所有粒子的来源可以得到控制的JavaScript函数调用成熟。

  • 更改配置
  • 添加颗粒
  • 抢购到
  • 这篇博客会介绍Bubble引擎的基本使用方法,同时会简单介绍Bubble的一些基本概念。 首先我们初始化引擎 EngineConfig config; config.window_title = "Triangle"; config.window_width = 800; config.window_height = 600; config.res_directory = "C:/Users/Ea

  • engine - framework 1. config.hpp //============================================================================ // Name : config.hpp // Author : Yongqiang Cheng // Version : Feb 21, 20

  • 1. 算法步骤 比较相邻的元素。如果第一个比第二个大,就交换他们两个。 对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对。这步做完后,最后的元素会是最大的数。 针对所有的元素重复以上的步骤,除了最后一个。 持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。 2.C/C++代码 /*The Author: Smile Position: Algorithm En

  • 42 Bing Search Engine Hacks November 13, 2010 By Ivan Remember Bing, the search engine Microsoft launched to topple Google? Ok, it didn’t work that way but it still has lots of great features and dese

  • 文件列表 文件名 校验码 res/anim/latestoffer_round.xml 0xf5f00423 res/anim/progress.xml 0x9a5c6349 res/anim/progress_round.xml 0x57bae819 res/anim/push_up_in.xml 0x1e388206 res/anim/push_up_out.xml 0xb8bff983 re

  • The process involving diesel engine functioning can vary via style for you to style. Even now, take note of a number of standard regulations: Aside from, you'll find not simply diesel engine types whi

 相关资料
  • 这是插入还是气泡?因为我的一位教授让我失望,而另一位教授说这是正确的。。。

  • 本节,我们将使用简谐振荡和画布变形的原理创建一个栩栩如生的振荡气泡。 图5-5 创建振荡的气泡 操作步骤 按照以下步骤,创建一个栩栩如生的振荡气泡,该气泡在空中飘荡: 1. 链接到Animation类: <head> <script src="animation.js"> </script> 2. 实例化一个Animation对象,并获取画布上下文对象: <script> window.on

  • 定义 气泡组件。 图片展示 代码演示 import Popover from 'pile/dist/components/popover' const {Tooltip} = Popover <Tooltip overlay={"说明文字"} placement='left' isShow={popleftshow} idName='newIndex' setTooltipC

  • 气泡图以气泡的形式可视化度量和维度。 气泡图是一组圆圈。维度字段的每个值表示圆圈,度量值表示这些圆圈的大小。 设置气泡的颜色以区分维度中存在的成员。以下是创建气泡图的步骤。 例如,考虑数据源(如样本超市),以及是否要查找不同出货模式的利润。然后, 第1步:拖动度量利润(Profit)并拖放到“大小(Size)”窗格中。 第2步:拖动维度Ship Mode并放入“Labels”窗格。 第3步:同时将

  • 主要内容:什么是JFreeChart 气泡图,JFreeChart 气泡图的示例什么是JFreeChart 气泡图 气泡图以三维方式表示信息。此图表是散点图(XY 图表)的变体,其中数据点由气泡替换,数据的附加维度(z 值)以气泡的大小表示。 下图显示了 JFreeChart 库中包含的气泡图的一些演示版本: JFreeChart 气泡图的示例 让我们考虑以下气泡图的示例数据。 国家 汽车 公交车 卡车 印度 40 65 70 美国 30 20 50 中国 80 50 80

  • 本章节我们将为大家介绍 Highcharts 的气泡图。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。 配置 chart 配置 配置 chart 的 type 为 'bubble' 。chart.type 描述了图表类型。默认值为 "line"。 chart.zoomType 属性可配置图表放大 ,通过拖动鼠标进行缩放,沿x轴或

  • 模仿UC浏览器新建浏览页时的视图切换效果。 [Code4App.com]

  • 嗨,我用冒泡排序查看了其他帖子,但解决方案在我的例子中不起作用:所以算法在我循环时重复了几次之后才起作用。但我如何在不使用输入的情况下做到这一点?这是我的代码,你知道我的意思: