在过去的三到五年web开发世界,jQuery的引入和流行已经取得重大的进展。Web开发人员和程序员,不断引进新的概念和方法,创建类似Flash惊人效果,然而:Flash变得过时了,Flash正在越来越少被Web开发人员和网络管理员利用。
几年前,许多网站使用Flash来创建很多疯狂的Flash组件,但那些日子因为与其实现有关已经嘎然而止并逐渐让位给脚本语言,如jQuery和MooTools正复制Flash过去的效果。
页面翻转,已成为最流行的网页设计互动动画的捷径之一。他们可以很容易地实现在Flash,网站,文件,和你创建和发布的杂志中。结合HTML5和CSS3可以实现动画,也可以使用HTML、CSS和jQuery来实现动画。
这里收集了一些最新的JQuery的页面翻转,可用在你的下一个网上创业,如杂志网站,或网上购物网站。然而,翻页不仅限于这些,发挥你的想象力和需求,可以随时把它用在你想用到的任何地方。
1. Flip Page
FlipPage是一个用来创建翻页效果强大的jQuery插件,这个插件被开发用来在平板上触摸进行演示。插件使用HTML5、CSSS3和硬件加速,并可工作在手机浏览器上。 FlipPage插件可以将翻转效果用在显示图像(让你体验2D)。
下载
2。Turn.JS
turn.js是一个jQuery的插件,用HTML5增添了一道亮丽的类似真实翻书或杂志的效果。它给你美丽的动画效果,您可以通过简单地转动所需的网页任何角落来浏览网页。 turn.js(15KB)是相当轻量级的和有效的翻页插件,适用于手机及平板浏览器以及利用硬件加速。
下载
3。Booklet
Booklet是在动画书布局的网页上显示的内容的jQuery插件工具。Booklet是有众多选项的插件之一。 JavaScript的转折点页面效果不强,因为它一直在角落(从书本身没有溢出)的东西,但工作可靠。可以手动打开网页,通过键盘上下键或自动翻动。每一页上也有一个独特的网址(使用Hashtags)。Booklet支持章节,页码和回调做进一步的互动。
下载
4。jPageFlip
jPageFlip是强大的,高度可定制的模拟翻页jQuery插件。 jPageFlip目前基于“画布技术,唯一被主流浏览器和IE9支持。 jPageFlip支持实现透明和半透明图像。HTML5视频的第一个版本已经实现,但处于实验阶段。 jFlipPage 在WebKit浏览器上有点不正常。
下载
5。Flip
Flip是一个jQuery插件,很容易在四个方向翻转元素。允许您定义翻转的方向,你也可以定义背景颜色,动画的速度,而且还支持 onAnimation和OnEnd动画在给定的时间执行。
下载
6。jFlip插件
这个插件将一个图片库做成一本书。您可以翻动书页,以查看下一个或上一个图像,当悬浮在图像区域可点击或拖动图画。
下载
来源:英文 中文编译:IT瘾 转载请保留原文链接
分享到:
相关推荐
paper-slider.js是一款非常简单的翻页式jQuery幻灯片插件。该幻灯片在切换的时候就像一堆叠好的纸,从最上面抽出一张放到最下面的效果一样。它使用简单,但是功能非常的齐全。
用booklet插件做的翻页效果demo,借鉴了网上寻找的资源,加以完善和修改,文件解压后,双击index.html即可打开,纯js+css控制。
这是一款效果炫酷的jQuery和CSS3翻页效果幻灯片插件。该翻页效果幻灯片在切换图片的时候图片就像书本翻页一样。可以设置为自动播放模式和手动播放模式。
jquery插件turn.js实现杂志翻页效果(浏览器需支持html5).zip
jBooklet是一个jQuery的工具在网页上显示翻书动画效果的插件。演示地址:http://www.jq22.com/jquery-info402
jquery插件turn,有非常丰富的翻页、查看效果,可在网页上呈现杂志的效果。
非常高级带有前后翻页的图片滑动展示效果jQuery插件mobilyslider.js.zip
jQuery滚动效果插件 Waypoints ,Waypoints 是一个 jQuery 用来实现捕获各种滚动事件的插件,例如实现无翻页的内容浏览,...
这是用jquery.bookblock.js和css3制作的实现翻页(翻书)效果的插件。用户通过导航按钮可以前后翻页,翻页过渡效果十分平滑逼真。该翻书效果支持左右和上下翻页。
jQuery翻页插件jbooklet是一款基于jQuery实现的网页上显示翻书动画效果的插件。
jquery滚动条插件,支持滚动条在上下左右不同位置,同时鼠标滚轮也可以控制图片前后滚动,最有意思的是带有翻页之类的效果,很不错的jquery特效,懒人之家推荐下载
FSVS(Full Screen Vertical Scroller)是一款jQuery和CSS3带过渡效果的全屏垂直翻页特效插件。该全屏翻页插件在页面上下滚动时一次翻一屏,并带有CSS3过渡动画效果。
116. 编辑推荐jQuery超帅模拟图片翻页的展示Flash特效效果 117. 适合网站内容推广淡入淡出特效的jQuery焦点图结合文字导航切换特效(很精美) 118. 非常不错jQuery放大镜实例包下载(可放大图片与区域放大的...
FKPageTransitions是一款效果非常炫酷的jQuery和CSS3响应式滑动翻页特效插件。该滑动翻页插件可以支持37种不同的翻页效果,文件体积小,支持多种设备,是制作页面切换效果的不错选择。
类似媒体播放器jQuery分页插件是一款jPaginator插件,有点类似于媒体播放器的效果,带有数码翻页、前后翻页、首页最后一页,建议在支持css3或html5的浏览器下预览,效果会更佳。
HTML5电子书3D翻页动画jquery特效代码,可以在有些电影或者小说网站使用这样的效果,也是一个不错的学习案例,php中文网推荐下载!
jQuery分页代码:无刷新ajax的翻页效果,简单说一下这个插件所要实现的功能,后台将查询出来的内容全部显示到页面上,这个插件要控制这些内容,使其一页一页显示。有上一页,下一页,首页,尾页的功能。在第一页时,...
JQuery 翻书 效果 JQuery 翻书 效果