jQuery电脑鼠标翻书手机触屏滑动翻书代码.zip资源-CSDN文库

共20个文件

jpg：12个

js：6个

html：1个

版权申诉

jquery代码

jquery特效

jquery插件

171 浏览量 2023-09-22 00:17:24 上传评论收藏 819KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery电脑鼠标翻书手机触屏滑动翻书代码.zip （20个子文件）

pages

2.jpg 64KB

10.jpg 58KB

6.jpg 55KB

1.jpg 96KB

12.jpg 73KB

5.jpg 39KB

8.jpg 70KB

11.jpg 57KB

3.jpg 35KB

7.jpg 70KB

9.jpg 72KB

4.jpg 68KB

turn.html4.min.js 23KB

basic.js 2KB

turn.js 72KB

jquery.min.1.7.js 92KB

modernizr.2.5.3.min.js 8KB

turn.min.js 33KB

css

basic.css 1KB

index.html 2KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery电脑鼠标翻书手机触屏滑动翻书代码</title> <meta name="viewport" content="width = 1050, user-scalable = no" /> <script type="text/javascript" src="js/jquery.min.1.7.js"></script> <script type="text/javascript" src="js/modernizr.2.5.3.min.js"></script> </head> <body> <div class="flipbook-viewport"> <div class="container"> <div class="flipbook"> <div style="background-image:url(pages/1.jpg)"></div> <div style="background-image:url(pages/2.jpg)"></div> <div style="background-image:url(pages/3.jpg)"></div> <div style="background-image:url(pages/4.jpg)"></div> <div style="background-image:url(pages/5.jpg)"></div> <div style="background-image:url(pages/6.jpg)"></div> <div style="background-image:url(pages/7.jpg)"></div> <div style="background-image:url(pages/8.jpg)"></div> <div style="background-image:url(pages/9.jpg)"></div> <div style="background-image:url(pages/10.jpg)"></div> <div style="background-image:url(pages/11.jpg)"></div> <div style="background-image:url(pages/12.jpg)"></div> </div> </div> </div> <script type="text/javascript"> function loadApp() { // Create the flipbook $('.flipbook').turn({ // Width width:922, // Height height:600, // Elevation elevation: 50, // Enable gradients gradients: true, // Auto center this flipbook autoCenter: true }); } // Load the HTML4 version if there's not CSS transform yepnope({ test : Modernizr.csstransforms, yep: ['js/turn.js'], nope: ['js/turn.html4.min.js'], both: ['css/basic.css'], complete: loadApp }); </script> <div style="text-align:center;margin:10px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> <p>更多源码下载：<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉