I. Methods of Use
<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"/>
Second, HTML structure
<div id= "Mypdf" ></div>
Third, initialize the plug-in
<script type= "Text/javascript" >
$ (function () {
$ ("#myPDF"). PDF ({source: "Yourfile.pdf"});
});
</script>
You can also add some colorful tabs bookmarks to the PDF page.
$ (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"},
]
});
});
Keymob Mobile Advertising Platform is a professional mobile application advertising management tools, the use of keymob can be smoothly through the application market audit, but also can not worry about the number, and can easily switch with any platform, which greatly improve the fill rate, thereby achieving higher revenue.
HTML5 Add Mobile Touch Web version PDF file Viewer Plugin Tutorial