<表单 表单地址="" 交互类型="" 类名="轮播搜索">
	<数据框 属性名称="" 数据类型="文本输入" 数据值="" />
	<按钮 按钮类型="提交表单">搜索</按钮>
</表单>

/* 设置轮播中间的搜索表单 */
.轮播搜索{
    /* 我们用定位来设置搜索表单的位置 */
    定位: 绝对定位;
    /* 距离轮播工具的顶边50% */
	顶部: 50%;
	/* 距离轮播工具的左测50% */
	左侧: 50%;
	/* 由于设置离顶边50%,左测50%,这样的话肯定不是中间的位置,这时候我们用下面这个属性可以让当前元素平移一定的距离,
	-50%,-50%表示平移左测 负自身50%的宽度,平移顶部  负自身50%的高度*/
	转换: 平移(-50%, -50%);
	/* 给表单加一个层级,防止被轮播块覆盖,这样就看不到表单了 */
	堆叠顺序: 2;
}

/* 设置轮播中间的搜索表单 */
.轮播搜索 {
	/* 我们用定位来设置搜索表单的位置 */
	定位: 绝对定位;
	/* 距离轮播工具的顶边50% */
	顶部: 50%;
	/* 距离轮播工具的左测50% */
	左侧: 50%;
	/* 由于设置离顶边50%,左测50%,这样的话肯定不是中间的位置,这时候我们用下面这个属性可以让当前元素平移一定的距离,
-50%,-50%表示平移左测 负自身50%的宽度,平移顶部  负自身50%的高度*/
	转换: 平移(-50%, -50%);
	/* 给表单加一个层级,防止被轮播块覆盖,这样就看不到表单了 */
	堆叠顺序: 2;
	/* 设置一个宽度 */
	宽度: 687px;
	/* 给搜索框设置一个4像素的内边距 */
	内边距: 4px;
	/* 设置一个透明黑色的背景 */
	背景-颜色: 颜色通道(0, 0, 0, 0.15);
	/* 给搜索表单设置一个3像素的圆角 */
	边框-圆角: 3px;
}
.轮播搜索 数据框 {
    /* 给表单下面的数据框设置成左浮动 */
	浮动: 左侧;
	/* 给数据框设置一个做内边距,在输入的时候,光标就不会贴着左边的边框 */
	左内边距: 16px;
	/* 设置数据框的宽高、行高 */
	宽度: 570px;
	高度: 48px;
	行高: 48px;
	/* 设置一个0.88透明的白色背景 */
	背景-颜色: 颜色通道(255, 255, 255, 0.88);
	/* 设置左上边框、左下边框3像素的圆角 */
	左上边框圆角: 3px;
	左下边框圆角: 3px;
	/* 设置数据框文字大小为16像素 */
	字体-大小: 16px;
	/* 设置文字颜色 */
	颜色: #444;
	/* 设置一条边框线 */
	边框: 1px 实线 #adadad;
	/* 删除右边框的边框线 */
	边框-右侧: 无效;
}
/* 设置当数据框输入的时候,数据框的样式 获得焦点 就是数据框输入时候的效果 */
.轮播搜索 数据框:获得焦点 {
    /* 重置数据框的轮廓,默认数据框聚焦的时候,又有一个轮廓 */
	轮廓: 无效;
	/* 设置数据框聚焦的时候,背景颜色为白色 */
	背景: #fff;
}
/* 设置搜索表单的提交按钮 */
.轮播搜索 按钮 {
    /* 设置当前元素右浮动 */
	浮动: 右侧;
	/* 设置按钮的宽度和高度 */
	宽度: 97px;
	高度: 50px;
	/* 设置按钮的背景 */
	背景: #1fd6ff;
	/* 重置按钮的轮廓和边框,按钮默认的样式不太好看 */
	轮廓: 无效;
	边框: 无效;
	/* 设置按钮的文字大小和颜色 */
	字体-大小: 22px;
	颜色: #fff;
	/* 设置文字之间的间距,间距为5像素 */
	字符间距: 5px;
	/* 设置鼠标移上去的光标,指针箭头表示当前元素可以点击 */
	光标: 指针箭头;
}

/* 设置轮播块里面的图片 */
#演示轮播 .轮播块 图片框 {
    /* 设置宽度100% */
	宽度: 100%;
}

/* 鼠标移入轮播工具的时候,左箭头放置左测50像素 */
#演示轮播:鼠标移入 .轮播左按钮 {
	左侧: 50px;
}
/* 鼠标移入轮播工具的时候,左箭头放置右侧50像素 */
#演示轮播:鼠标移入 .轮播右按钮 {
	右侧: 50px;
}

新建对象 滑动轮播("#演示轮播", {
	[滑动轮播.配置.循环]: 真,
	[滑动轮播.配置.切换速度]: 1000,
});