jquery media iframe 内动态显示pdf(兼容ie各个版本，火狐，谷歌)

来源：互联网发布：车用单片机类型编辑：程序博客网时间：2024/06/05 15:20

<!DOCTYPE html><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="UTF-8"><title>pdf 在线预览插件</title><script type="text/javascript" src ="jquery-1.8.3.min.js" ></script><script type="text/javascript" src ="jquery.media.js" ></script><style type="text/css">.selector{width:1000px;height: 100px;background-color:blue;}</style></head><body> <div class= "selector" >  <a onclick="next()"> next </a>   <br>  <a onclick="prev()"> prev </a></div><div class="pdf" ><iframe  id ="pdf_page"  name ="pdf_page" style="width:800px;height:500px"  ></iframe></div><script type="text/javascript">var next = function(){var url = "spark.pdf"$(window.parent.document).find("#pdf_page").attr("src",url);$(".pdf").media({width:200,height:800});}var prev = function(){var url = "guice.pdf"$(window.parent.document).find("#pdf_page").attr("src",url);$(".pdf").media({width:200,height:800});}$(document).ready(function(){//var url = "E:/\前台/\jscode/\guice.pdf";var url = "guice.pdf";$(window.parent.document).find("#pdf_page").attr("src",url);$(".pdf").media();});</script></body></html>

阅读全文

0 1

jquery media iframe 内动态显示pdf(兼容ie各个版本 ，火狐，谷歌)

jquery media iframe 内动态显示pdf(兼容ie各个版本，火狐，谷歌)