超炫概念在线图书HTML5代码

这里有一些真正迷人的东西是关于(真正的)书。虽然我们这个时代一切都是数字化,实在很少人再拿着一本真书一页页浏览了。在网上很多人尝试模拟真书的体验来给人这种置入感。虽然大家之前看过不少这样的案例。今天,我们给您展示的是一个体验更新的,小概念网上书店效果,我们使用的是BookBlock脚本。这样做是在我们这里可以看到这本书,我们可以打开书来预览一些细节。你一定在亚马逊里看过类似的感觉,而我们这里的效果会更逼真,更清晰,各种效果都由脚本实现(3D、翻页),无需flash和其他插件。

请注意:这些效果都是概念效果,在一些旧的浏览器上可能无法实现。

这是这些书的外观:

BookPreview01

当我们点击“DETAILS” ,我们3D旋转本书在并从右侧划入一些简要介绍:
BookPreview02

一旦点击“look inside” 我们将进行一系列的封面和书心的动画。本小书将扩大,全屏展示第一个页面预览。
BookPreview03

当我们点击翻页箭头,书会呈3D旋转翻页:
BookPreview04

下载信息

格式: HTML+JS
文件大小: 1.5MB
下载地址:http://pan.baidu.com/s/1pJDFykz

分享到:

超炫概念在线图书HTML5代码》有2条评论

  • 非凡网博客 说:

    2014年3月4日 13:03

    找了一下还不错,公司要设计html的前台,不过国内现在还没过完普及,头疼

    • kacash 说:

      2014年3月4日 15:03

      恩,国内的大公司都想兼容旧版浏览器,所以HTML5这块进步慢。

发表评论

返回页顶