Cover Flow是一个可经由唱片封面形象化地翻查一个数位音乐资料库的三维图形用户界面,被用于苹果Itunes、Iphone等产品中,本文收集了一些可以实现Cover Flow特效的脚本,虽然严格意义上讲,有些脚本并不是真正的coverflow效果,coverflow的一大特点就是非居中的图片要旋转一定的角度,用CSS3特效可以实现,但并非所有浏览器都支持这些特效。

coverflow

ImageFlow

imageflow

Demo | 下载 | 中文介绍

jQuery UI CoverFlow

jquery-ui-css3-coverflow

Demo | 下载 | 介绍

ContentFlow

contentflow

Demo | 下载 | 介绍

Feature jQuery carousel

feature-carousel

Demo | 下载 | 文档

Cloud Carousel – A 3d Carousel in Javascript

cloud-carousel

Demo | 下载 | 文档

Jquery Monte

jquery-monte

Demo | 下载

Roundabout

Roundabout

Demo | 下载 | 文档

JavaScript Coverflow With Canvas

javascript-coverflow

Demo | 下载

AJAX Image Gallery powered by Slideflow (like Cover Flow)

slideflow

Demo | 下载

MooFlow

mooflow

Demo | 下载 | 文档

Coverflow Using CSS 3D Transforms

在Chrome和Sofari中效果最好

webkit

Demo | 教程

参考文章

Cover Flow – 维基百科

11个Coverflow特效脚本”有3条评论

  1. Pingback: Diigo Diary 07/04/2013 | Benx Blog

发表评论

电子邮件地址不会被公开。 必填项已用*标注

请将您的代码置于<pre>标签内,例如<pre> some code here ...</pre>,或者使用类似pastebin.com的代码粘贴服务来发布代码

*

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>