META-INF.resources.asset.ajaxjs-ui.doc.include.carousel.jsp Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of ajaxjs-web Show documentation
Show all versions of ajaxjs-web Show documentation
AJAXJS Web aims to full-stack, not only the server-side framework, but also integrates the front-end library. It's written in HTML5 + Java, a successor to the JVM platform, efficient, secure, stable, cross-platform and many other advantages, but it abandoned the traditional enterprise architecture brought about by the large and bloated, emphasizing the lightweight, and fast, very suitable for the Internet fast application.
<%@page pageEncoding="UTF-8"%>
Carousel Tab
- CSS3 动画加速
- 可自动适应宽度（使用百分比单位），或者强制绝对单位（使用像素单位）
- 自动计算 tab 内容高度
- TODO：SimpleTab 有 afterRender（只是在第一次触发）事件，但这个 tab 却没有
属性说明：
属性
含义
类型
是否必填
isMagic
是否无缝模式
Boolean
N，默认 false
isUsePx
推荐使用 百分比，px 的话要考虑滚动条，比较麻烦；
要使用 px 推荐指定 stepWidth；banner，要使用 px
Boolean
N，默认 false
isGetCurrentHeight
自动当前项最高，忽略其他高度，这个用在 tab很好，
比 autoHeight 的好，可视作autoHeight 2
Boolean
N，默认 true
initItems
输入的数据，结构为 [{name:'foo', content:'bar'}]，
其中 content 可包含 HTML 标签
Array
N=演示数据
例子：
<aj-carousel></aj-carousel>
演示：
Banner
- 继承自 Tab 控件
- 可支持手势切换、点击小圆点可以切换
- 可 resize 容器的时候调整大小
- 可自定义 indicator 样式
属性说明：
属性
含义
类型
是否必填
isMagic
是否无缝模式
Boolean
N，默认 false
isUsePx
推荐使用 百分比，px 的话要考虑滚动条，比较麻烦；
要使用 px 推荐指定 stepWidth；banner，要使用 px
Boolean
N，默认 true
isGetCurrentHeight
自动当前项最高，忽略其他高度，这个用在 tab很好，
比 autoHeight 的好，可视作autoHeight 2
Boolean
N，默认 false
initItems
输入的数据，结构为 [{name:'foo', content:'bar'}]，
其中 content 可包含 HTML 标签
Array
N=演示数据
autoLoop
切换 item 的时间间隔
Number
N=4000
showTitle
是否显示下方的标题
Boolean
N=true
showDot
是否显示一点点，一般显示了标题就不显示点
Boolean
N=true
例子：
<aj-banner></aj-banner>
演示：
LightBox
TODO