增强站点交互性 Ajax小部件鉴赏(1)(5)
五、carousel 小部件 从事过与用户界面（UI）相关的工作的人都会说，屏幕是非常宝贵的。将尽可能多的数据塞进一个给定的空间里，同时又不显得拥挤，这
五、carousel 小部件
从事过与用户界面（UI）相关的工作的人都会说，屏幕是非常宝贵的。将尽可能多的数据塞进一个给定的空间里，同时又不显得拥挤，这一点很重要。所以，当我第一次在 Apple iTunes 中看到一个 carousel 控件时，我感到异常惊喜。
carousel 控件可以在一个固定的区域里显示多个图像。在图像区域的左边和右边有左箭头和右箭头。如果单击箭头，则图像就会向左或向右移动，并被一组新的图像取代。在 iTunes 中，图像都是一些唱片封面，每种唱片风格都有一个 carousel 控件。
这个控件可以节省很多空间：可以将 30 个唱片封面放在三个封面大的空间里，并还能以合理的大小显示每个封面。而且，这个空间也很直观。它看上去像一个简化的滚动条。
它的缺点就是不容易实现，很重要的一个原因就是图像左右移动这个诱人的动画效果不好实现。所以，很高兴能看到一个名为carousel的、构建在 jQuery JavaScript 框架之上的 carousel。
在清单 9 中，我在 Web 页面上实现了一个简单的 carousel 小部件。
清单 9. Carousel.html
|
Loading...
