加载 showcase 示例
build 2.2.1
强大的热点映射,背景虚化散景动画和复杂的路径创建

灵活. 使用 3 个简单的元素, Showcase 能够满足许多复杂的情况下的需求. 创建复杂的热点, 模仿游戏人物动作和超速赛车效果, create walkthroughs and floorplan tours, illustrate sports team plays, design realistic bokeh animations and much more. 版本 2.2 是一个完全重写的免费升级 - 简化了更快的生产和大量新功能扩展.

Bokeh 动画可以应用于任何元素或整个页面. 创造了无数的硬件加速散景。先进的路径运动可以设置通过提供无限的坐标——路径上的每一个点都以自己独特的速度和延迟。定制不透明度动画,梯度和停止,边界大小、颜色等等.

Bullets 和 Tooltips

Bullets完全响应式的,可以放在任何HTML元素,包括Flash. Bullets 可以是你喜欢的风格和动画 - 甚至看起来像上面示例那样的 Bokeh 动画效果. 所有的 Bullets 可以任选图标.

只要你喜欢你可以将 Bullets 热点设置在任意位置,添加一些内容将其转换为Tooltips 提示工具.

一个热点设置之后,可以将其转换成一个 Tooltip提示工具,只需要直接添加内容,Tooltips 可以包含任何的HTML. Showcase 自动检测 Bullets 是否具有 Tooltips 提示功能. Tooltips 也可以有简单的或复杂的路径运动以及自定义动画闪烁.

高级映射

Hotspots热点 每个 Tooltip 可以扩展成一个弹出框用户展示更多信息内容,通过在tooltip上添加一个容器弹出你的内容. Showcase tracks everything down for you, optionally building navigation between your Hotspots for a more fluid experience.

Bullets

Tooltips

Popup Panels

Popups 弹出框支持所有内容类型并且是完全可定制的. 内置的钩子可以当工具提示和面板打开扩展功能,关闭或导航.每个面板和工具提示可以有独特的动画,位置,延迟,宽松的影响等等

灵活的 Bullets

Showcase 为 Bullets 提供了强大的样式控制,让每一个 Bullet 都是独一无二的,大量的选项可以用在包括闪烁和有机路径上运动

复杂的路径其实很简单. 路径点可以有独特有趣的运动速度和延迟。你也可以循环路径运动。.

Bullets 支持 CSS3 渐变动画. 也支持渐变色停止,以及渐变点显示,Showcase 会生成 CSS3 帧动画.

Bullets 可以包含任何html内容类型,Showcase 包含一个快捷键设置添加图片到你的 Bullets上面, 地图点动画加载。