`
ialy_2000
  • 浏览: 33351 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

6个免费的翻页效果jquery插件

阅读更多

在过去的三到五年web开发世界,jQuery的引入和流行已经取得重大的进展。Web开发人员和程序员,不断引进新的概念和方法,创建类似Flash惊人效果,然而:Flash变得过时了,Flash正在越来越少被Web开发人员和网络管理员利用。

 

JQuery Page Flip

 

几年前,许多网站使用Flash来创建很多疯狂的Flash组件,但那些日子因为与其实现有关已经嘎然而止并逐渐让位给脚本语言,如jQuery和MooTools正复制Flash过去的效果。

 

页面翻转,已成为最流行的网页设计互动动画的捷径之一。他们可以很容易地实现在Flash,网站,文件,和你创建和发布的杂志中。结合HTML5和CSS3可以实现动画,也可以使用HTML、CSS和jQuery来实现动画。

 

这里收集了一些最新的JQuery的页面翻转,可用在你的下一个网上创业,如杂志网站,或网上购物网站。然而,翻页不仅限于这些,发挥你的想象力和需求,可以随时把它用在你想用到的任何地方。

 

1. Flip Page

Flip Page

FlipPage是一个用来创建翻页效果强大的jQuery插件,这个插件被开发用来在平板上触摸进行演示。插件使用HTML5、CSSS3和硬件加速,并可工作在手机浏览器上。 FlipPage插件可以将翻转效果用在显示图像(让你体验2D)。

 

下载

 

 

2。Turn.JS

turn_js

 

turn.js是一个jQuery的插件,用HTML5增添了一道亮丽的类似真实翻书或杂志的效果。它给你美丽的动画效果,您可以通过简单地转动所需的网页任何角落来浏览网页。 turn.js(15KB)是相当轻量级的和有效的翻页插件,适用于手机及平板浏览器以及利用硬件加速。

 

下载

 

3。Booklet

booklet

 

Booklet是在动画书布局的网页上显示的内容的jQuery插件工具。Booklet是有众多选项的插件之一。 JavaScript的转折点页面效果不强,因为它一直在角落(从书本身没有溢出)的东西,但工作可靠。可以手动打开网页,通过键盘上下键或自动翻动。每一页上也有一个独特的网址(使用Hashtags)。Booklet支持章节,页码和回调做进一步的互动。

 

下载

 

4。jPageFlip

jpageflip

 

jPageFlip是强大的,高度可定制的模拟翻页jQuery插件。 jPageFlip目前基于“画布技术,唯一被主流浏览器和IE9支持。 jPageFlip支持实现透明和半透明图像。HTML5视频的第一个版本已经实现,但处于实验阶段。 jFlipPage 在WebKit浏览器上有点不正常。

 

下载

 

5。Flip

Flip

 

Flip是一个jQuery插件,很容易在四个方向翻转元素。允许您定义翻转的方向,你也可以定义背景颜色,动画的速度,而且还支持 onAnimation和OnEnd动画在给定的时间执行。

 

下载

 

 

6。jFlip插件

jFlip

这个插件将一个图片库做成一本书。您可以翻动书页,以查看下一个或上一个图像,当悬浮在图像区域可点击或拖动图画。

 

下载

 来源:英文       中文编译:IT瘾   转载请保留原文链接

0
1
分享到:
评论

相关推荐

    jquery插件做的翻页效果demo

    在本项目中,我们关注的是一个使用jQuery插件Booklet实现的翻页效果演示。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务,使得网页开发更加高效。Booklet插件则是jQuery的一个...

    简单的翻页式jQuery幻灯片插件

    总的来说,paper-slider.js是一个易于集成且功能强大的jQuery幻灯片插件,特别适合那些希望在网页中加入独特翻页效果的开发者。通过合理的配置和自定义,它可以成为提升网站用户体验的有效工具。

    jQuery翻页效果插件jbooklet

    `jquery插件库.url`可能是快捷方式文件,指向jQuery插件库的网址,`VERSION`记录了插件的版本号,`src`目录包含了插件的主要源代码,而`demo`目录则包含了一些示例代码。 在HTML中,通过`<script>`标签引入jQuery和...

    左右翻页效果的jquery

    在这个“左右翻页效果的jquery”项目中,我们重点关注的是如何利用jQuery来实现一种类似于相册的炫酷翻页效果。 首先,我们需要了解jQuery的基本用法。jQuery对象通过$符号创建,它可以用于选择页面上的DOM元素,如...

    jQuery和css3翻页效果幻灯片插件

    **jQuery和CSS3翻页效果幻灯片插件详解** 在网页设计中,动态效果的引入可以极大地提升用户体验,使得网站或应用更具吸引力。本文将详细介绍一款基于jQuery和CSS3技术实现的翻页效果幻灯片插件。该插件以其独特的...

    jQuery立体式数字动态翻页效果

    实现立体翻页效果可能使用了一个或多个专门处理翻页的jQuery插件,这些插件通常封装了复杂的逻辑,使得开发者能快速集成到自己的项目中。 5. **响应式设计**:考虑到现代网页需要适应各种屏幕尺寸,这个效果很可能...

    jquery 插件开发 pdf

    jQuery插件开发是扩展这个库功能的一种常见方式,使得开发者能够根据项目需求创建自定义功能。以下是对jQuery插件开发的详细讲解: 1. **插件基础** - jQuery插件通常是通过扩展jQuery对象的原型链来实现的,这...

    Jquery_PageViewJS翻页插件

    jQuery PageViewJS插件就是这样一个专门用于实现页面翻页效果的工具,它结合了Bootstrap的样式设计,提供跨浏览器的兼容性和回调功能,使得在网页中添加美观且易用的翻页效果变得轻而易举。 **1. jQuery与Bootstrap...

    jquery插件--表格分页

    综上所述,jQuery插件在表格分页中的应用为开发者提供了便利,通过选择合适的插件并结合实际需求进行定制,可以轻松实现高效、美观的分页效果。在实际开发中,应根据项目特性和性能需求,合理选择和配置插件,以达到...

    多种常用滚动效果jquery插件.zip

    "多种常用滚动效果jquery插件.zip" 提供了一系列的jQuery插件,可以帮助开发者实现各种创新的滚动动画,提升用户体验。这个压缩包的核心组件是kxbdSuperMarquee插件,它具备丰富的功能,如图片与文字的无缝滚动、...

    Jquery翻书效果插件

    **jQuery翻书效果插件详解** 在Web开发中,为了增强用户体验,许多网站开始采用动态交互元素,其中“翻书效果”就是一个常见的亮点。本文将深入探讨jQuery翻书效果插件,以及如何利用3D CSS3技术实现这一效果。 ##...

    非常高级带有前后翻页的图片滑动展示效果jQuery插件mobilyslider.js.zip

    【标题】中的“非常高级带有前后翻页的图片滑动展示效果jQuery插件mobilyslider.js.zip”指的是一个基于jQuery的图片轮播插件,名为Mobilyslider.js。这个插件专为实现高质量、交互性强的图片滑动展示而设计,特别...

    jquery.booklet插件 杂志翻页书本翻页特效

    在实际应用中,可以结合其他jQuery插件或CSS3特性,进一步提升用户体验。例如,利用jQuery的事件监听功能,当用户翻页时触发特定的操作;或者利用CSS3的动画效果,为翻页过程添加更多视觉惊喜。 总结来说,jQuery....

    这是一个基于jQuery的翻页按钮插件

    在这个基于`jQuery`的翻页按钮插件中,我们可以深入探讨以下几个关键知识点: 1. **jQuery基础**:首先,理解`jQuery`的基本用法是必要的。它简化了DOM操作、事件处理、动画效果和Ajax请求等任务。例如,使用`$`...

    jquery插件turn.js实现杂志翻页效果(浏览器需支持html5).zip

    总的来说,Turn.js 是一个强大的 jQuery 插件,它允许开发者创建具有逼真翻页效果的互动内容,但同时也需要注意其对浏览器的支持情况和性能优化。如果你需要在网页中创建类似杂志的阅读体验,Turn.js 无疑是一个值得...

    HTML5 3D炫酷书架画册动态展示jQuery插件.rar

    这使得书架和翻页效果更流畅,即使在处理大量图片时也能保持高性能。 在实际应用中,这个插件可以用于在线画册、产品目录、电子杂志或任何需要展示一系列图片的场景。它的优点在于提供了一种吸引人的、互动的展示...

    jQuery图片预览插件

    当用户需要浏览一系列图片时,预览插件可以提供一个便捷的滑动或者翻页界面,让用户逐个查看。例如,jQuery lightbox插件就是这样的工具,它能够创建一个带导航按钮的画廊,用户可以通过点击按钮或者滑动鼠标在多张...

    Jquery 插件大集合

    本篇文章将围绕"Jquery 插件大集合"这一主题,深入探讨jQuery插件在网页设计和开发中的应用,尤其是那些用于创建画廊效果的插件。 首先,我们来了解什么是jQuery插件。jQuery插件是开发者基于jQuery库编写的扩展...

    5种css3+jquery翻页效果(翻书效果)

    "5种css3+jquery翻页效果(翻书效果)"就是这样一个实例,它结合了CSS3的强大样式功能和jQuery的动态交互优势,为网页添加了极具吸引力的3D翻书效果。下面将详细介绍这一技术及其相关知识点。 首先,CSS3是层叠样式...

    jQuery版页面无刷新翻页插件.zip

    在这个插件中,jQuery被用来监听用户的翻页操作,通过Ajax请求获取新的数据,并动态地将这些数据插入到页面的适当位置,从而实现无刷新翻页效果。 **jQuery特效** jQuery的另一个亮点是其丰富的动画效果。在这个...

Global site tag (gtag.js) - Google Analytics