0
点赞
收藏
分享

微信扫一扫

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



一、使用方法

<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结构


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



三、初始化插件


<script type="text/javascript">
$(function() {
$("#myPDF").pdf( { source: "yourfile.pdf" } );
});
</script>



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


$(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"},
]
});
});

举报

相关推荐

0 条评论