码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-01-06 17:02:29      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

一、使用方法
<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"},
]
});
});                 

KeyMob移动端广告平台是一个专业的移动应用广告管理工具,使用KeyMob可以顺利通过应用市场审核,还可以不用担心封号,以及可以与任意平台随便切换,这大大的提高填充率,从而实现更高的收入。

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

标签:

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
key
加入时间:2016-01-05
  关注此人  发短消息
文章分类
key”关注的人------(0
key”的粉丝们------(0
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!