首页 / 未分类 / Html5添加移动触摸的网页版PDF格式文件阅读器插件

Html5添加移动触摸的网页版PDF格式文件阅读器插件

Html5添加移动触摸的网页版PDF格式文件阅读器插件 2016年7月23日不静之心未分类

Html5添加移动触摸的网页版PDF格式文件阅读器插件

http://my.oschina.net/u/2505907/blog/598485
一、使用方法

1

2

3

4

5

6

7

8

9

Html代码

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript" src="pdf.compatibility.js"></script>

<script type="text/javascript" src="pdf.js"></script>

<script type="text/javascript" src="jquery.touchSwipe.js"></script>

<script type="text/javascript" src="jquery.panzoom.js"></script>

<script type="text/javascript" src="jquery.mousewheel.js"></script>

<script type="text/javascript" src="jquery.touchPDF.js"></script>

<link href="jquery.touchPDF.css" rel="stylesheet" media="screen" />

二、Html结构

1	<div id="myPDF"></div>

三、初始化插件

1

2

3

4

5

6

Html代码

<script type="text/javascript">

$(function() {

$("#myPDF").pdf( { source: "yourfile.pdf" } );

});

</script>

你也可以为PDF页面添加一些彩色的Tabs书签。

1

2

3

4

5

6

7

8

9

10

11

Js代码

$(function(){

$("#myPDF").pdf({

source: "demo.pdf",

tabs:[

{title: "Tab 1", page: 2, color: "orange"},

{title: "Tab 2", page: 3, color: "green"},

{title: "Tab 3", page: 5, color: "blue"},

]

});

});

发表评论取消回复