当前博客:实现一个中间带搜索框的轮播(1)

194 次浏览【转载需注明来源】

博客作者:【qiang】

个性签名:请输入个性签名___________

在很多网站中,首页都有一个轮播,这一次我们实现一个轮播中间带搜索框的轮播。

看一下要实现的轮播:

这是个很简单的轮播图,只有左右切换,指示器,搜索框,我们一步步的实现。

首先创建一个项目,

是web项目就行。

新增一个筛选器,放置轮播图。

我这里放两张轮播图,

这两张轮播图,我们把它放进项目文件。

我们再在编辑器打开这两个轮播图;

项目加载轮播工具支持库

可以在这里看一下轮播工具的方法和属性。

配置完成,第二篇博客开始代码。

下一篇:实现一个中间带搜索框的轮播(2)

 

 

实现一个中间带搜索框的轮播(1)