如何使用JQuery的turn.js库来实现翻书效果

这篇文章主要介绍“如何使用JQuery的turn.js库来实现翻书效果”，在日常操作中，相信很多人在如何使用JQuery的turn.js库来实现翻书效果问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”如何使用JQuery的turn.js库来实现翻书效果”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！实现效果如下官方示例代码：html:js:
第一步：记得要先引入JQ文件（1.3或更高版本才可以哦~~）第二步：引入turn.js文件，可以到官网下载第三步：接下来就可以用咱们的主角turn.js啦~~代码如下↓↓↓注：class为hard的可理解为一本书的（首末）封皮特征✓适用于iPad和iPhone。
✓简单，美观且功能强大的API。
✓允许通过Ajax请求动态加载页面。
✓纯HTML5 / CSS3内容。
✓两个过渡效果。
✓可在带有turn.html4.js的IE 8等旧浏览器中使用要求jQuery 1.3或更高版本。
浏览器支持
Safari 5镀铬16Firefox 10IE 10、9、8
设备
✓所有iOS（iPad，iPhone，iPod）
✓安卓（Chrome for Android）改进措施Turn.js 4在其核心上进行了一系列重要的性能改进。
✓现在，在浏览器平台上效果更加流畅。
✓无论页面大小如何，新的DOM组成都保证了相同的性能。补体turn.html4.js-turn.js的HTML4版本。
zoom.js-turn.js的新缩放功能，请参阅示例。
剪刀.js-为turn.js分为两部分。
hash.js-使用pushState和URI散列控制导航历史记录。API文档turn.js API方便地构建为jQuery的UI插件，它提供对一组功能的访问，并允许您定义用户交互。
完整的文档可在此处获得，也可以PDF格式获得。Optionsacceleration 加速autoCenter 自动居中direction 方向display 显示duration 持续时间gradients 渐变height 高度elevationpage 页pages 页数turnCornerswhen 执行函数width 宽度zoom 放大缩小Propertiesanimating 动画direction 方向display 显示disabled 禁用page 页pages 页数size 大小optionsview 视图zoom 放大缩小Methods 方法addPagecenterdestroydirectiondisplaydisablehasPagenextispagepagespeelpreviousrangeremovePageresizesizestopversionzoomEvents 事件endfirstlastmissingstartturningturnedzoomingCSS Classes class类.even.fixed.hard.odd.own-size.page.p[0-9]+.shadow.sheetdemo && 代码如下：demo如下：按钮图片：到此，关于“如何使用JQuery的turn.js库来实现翻书效果”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注云技术网站，小编会继续努力为大家带来更多实用的文章！免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@byun.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。云技术公众号手机免费云主机、域名网站二维码Copyright Yisu Cloud Ltd. All Rights Reserved. 2018 版权所有广州云技术计算有限公司粤ICP备17096448号-1
粤公网安备 44010402001142号增值电信业务经营许可证编号：B1-20181529

相关推荐: jquery怎么在IE8中正确设置text的值

这篇文章主要介绍“jquery怎么在IE8中正确设置text的值”，在日常操作中，相信很多人在jquery怎么在IE8中正确设置text的值问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”jquery怎么在IE8中正确设置text…