大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
《JQuery入门实战》百度网盘pdf最新全集下载:
我们提供的服务有:成都网站建设、网站制作、微信公众号开发、网站优化、网站认证、西安ssl等。为上1000+企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的西安网站制作公司
链接:
?pwd=u9ur 提取码: u9ur
简介:《JQuery入门实战》详细地讲解了JQury的各种方法和使用技巧,读者可以系统地掌握JQury中关于DOM操作、事件、动画效果、表单操作、Ajax以及插入方面的知识点。
其实也就是简单的在浏览器中实现一个打开pdf文件,并有类似预览功能的边框。
其实在中国上经常见到类似的页面,在浏览器中打开pdf文档,可大部分都是由于版权的原因使用了一些很特殊的技术,自然很难模仿了。
即使有直接在浏览器打开的例子,也必须手动点击一下链接然后才能打开pdf文件。如何直接打开,而不用点击链接呢?
本以为自己对js很熟,也就使用js模拟点击,可就是不管用,没办法,只能在中国上继续寻找资料。最终想不到代码却很简单。
最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了。
核心代码:
河套西部一次局地大暴雨成因分析 使用jquery.media.js就可以直接把一个连接到pdf文件的链接打
jquery.media.js 插件实现在线预览PDF文件
代码:
[html] view plain copy
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/
title在线预览PDF文档/title
link rel="stylesheet" href="bootstrap-3.3.7/css/bootstrap.min.css"
script type="text/javascript" src="js/jquery.min.js"/script
script type="text/javascript" src="js/jquery.media.js"/script
script type="text/javascript"
$(function() {
$('a.media').media({width:800, height:600});
});
/script
/head
body
center
div class="panel panel-primary"
div class="panel-heading" align="center"
h2预览pdf文件/h2
/div
div class="panel-body"
a class="media" href="yulan.pdf"/a
/div
/center
/body
/html
截图: