`

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

 
阅读更多
http://my.oschina.net/u/2505907/blog/598485
一、使用方法
<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"},
]
});
});
  
分享到:
评论

相关推荐

    支持移动触摸的网页版PDF格式文件阅读器插件

    TouchPDF是一款支持移动触摸的网页版PDF格式文件阅读器jQuery插件。它基于pdf.js库来制作,并且支持移动手机,也支持PDF文档的缩放操作。

    使用HTML5技术制作在线PDF阅读器(附源码)

    这个技术原型主要用于在HTML5 平台上展示 PDF 文档,无需任何本地技术支持,但浏览器必须技持HTML5。 建议开发童鞋使用统一开发环境UDE来进行查看、调试、开发~~~统一开发环境是一款HTML5跨平台一站式应用开发、调试...

    HTML5 PDF阅读器

    PDF.js是一个由HTML5建立的PDF阅读器。依托开源社区驱动和Mozilla实验室的技术支持。目标是建立一个通用的,基于web的解析和渲染PDF文件的平台。 原代码和网上下载的代码很多都有问题,无法正常支持移动浏览器。此...

    手机版移动PDF阅读器MobilePdf

    手机版移动PDF阅读器MobilePdf

    极速PDF阅读器 3.7绿色版

    极速PDF阅读器软件特性 极速PDF阅读器是一款闪电般好用的的PDF阅读器,体积小、发动速度快,非常轻巧且占用内存很少;极速PDF阅读器供给单页、书本方式个性阅读,又有全屏、幻灯片等功用助您随心切换;极速PDF阅读...

    HTML5 移动开发即学即用 PDF版本下载.txt

    HTML5 移动开发即学即用 PDF版本下载

    HTML5移动Web开发指南.pdf

    本书是为从未接触过HTML5新技术但同时又对移动Web技术感兴趣的读者而编写的。如果你有一定的HTML开发经验,将会更容易掌握HTML5知识。 同时,如果你是如下几类人群之一,那么本书非常适合你阅读。 有一定基础或者...

    HTML5 移动Web App阅读器.txt

    HTML5 移动Web App阅读器,文件是百度网盘链接,如果链接失效,请速速联系我,我更新链接,希望对你有帮助

    Html5移动应用预览pdf文档

    1、使用方式 &lt;div class="pdf"&gt; 2、js var pdfh5 = new Pdfh5('.pdf', { pdfurl: 'demo.pdf' }); 3、上传的资源,需要在html5 页面中全部引用。

    增强版 PDF/DJVU 阅读器 Bookr

    增强版 PDF/DJVU 阅读器 Bookr (1K/2K/3K通用) 安装方法 4xx/5xx 将bookr5xx-.zip 中的文件解压到MS0:/psp/game4xx/bookr或者MS0:/psp/game5xx/bookr中。 371 将bookr371-.zip 中的文件解压到/psp/game371/bookr中...

    基于html5的在线pdf阅读js插件

    基于html5的pdf在线阅读,完美兼容IE,chrome,Firefox,移动版浏览器,特别好用,强烈推荐。

    HTML5移动web开发实战.pdf

    HTML5移动web开发实战.pdf,HTML5移动web开发实战.pdfHTML5移动web开发实战.pdfHTML5移动web开发实战.pdfHTML5移动web开发实战.pdfHTML5移动web开发实战.pdf

    安卓PDF阅读器源码解析:打造高效便捷的移动阅读体验

    随着移动设备的普及和数字化阅读的兴起,PDF作为一种广泛使用的文件格式,其在移动阅读领域的重要性不言而喻。为满足用户在安卓设备上流畅阅读PDF文件的需求,开发一款高效便捷的安卓PDF阅读器显得尤为重要。本文将...

    AnyPDFReader(PDF文档阅读器)v5.1.3709官方免费安装版

    AnyPDF Reader(PDF文档阅读器)是一款界面友好、操作便捷、功能强大、简单实用的PDF文档阅读器,该软件具备了对PDF的阅读、签章、打印功能,还支持PDF签章文档在Android、IOS、windows等移动设备端进行阅读、验证、...

    Foxit Reader(福昕阅读器)FoxitReader22

    Foxit Reader(福昕阅读器)是一款免费的PDF文档阅读器和打印器,具有令人难以置信的小巧体积、快捷的启动速度和丰富的功能。新版本支持Windows Me/2000/XP/2003/Vista操作系统,其核心技术与PDF标准版1.7完全兼容。...

    翻书阅读器,可以制作独一无二的 PDF 电子书,可以导出为 HTML、Zip、EXE 格式,或者 Mac App 格式,或者移动版本

    1.翻页电子书实际为 Flash/SWF 格式,Flip PDF 提供了几十个电子书播放器模版,加上完整的...2.由 Flip PDF Professional 制作出来的动画电子书,可以导出为 HTML、Zip、EXE 格式,或者 Mac App 格式,或者移动版本。

    HTML5移动Web开发指南pdf

    HTML5移动Web开发指南pdf,html5移动开发经典教程

    pdf在线阅读器制作源码

    pdf阅读 pdf在线阅读 pdf在线编辑 pdf移动版 web版pdf java实现pdf在线阅读器

    网页设计电子书pdf格式

    网页设计电子书 一共11本网页设计教程,有基础...第5章 图像11ok.pdf 第6章 超级链接13.pdf 第7章 表单17ok.pdf 第8章 表格11ok.pdf 第9章 使用框架14.pdf 第10章 移动的字体和图片9ok.pdf 第11章 网页多媒体11ok.pdf

Global site tag (gtag.js) - Google Analytics