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 – 维基百科

3条留言

  1. 不过个人感觉这类似的插件比较占位置,放首页有点不适合。。个人理解。。。

    1. 这些不一定要放首页,其实更多的人会把这种脚本用到portfolio页面。

发表评论

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