FlexPaper+SWFTools 实现仿百度文库及一些小问题.docVIP

FlexPaper+SWFTools 实现仿百度文库及一些小问题 ? 网上已有很多FlexPaper仿百度文库的一些文章，园子里也有很多大牛的详细教程。 ? 结合这次做的例子，在这里详细记录一下使用Flexpaper实现仿百度文库的效果，及自己在跟着园子里的教程做的时候，遇到的一些小问题。希望能给初次接触或者遇到同样问题的同学们提供一些小小的帮助。（描述不足之处，请大家多多见谅，毕竟是第一次在园子里写文章）。 1.准备工作：下载FlexPaper及PDF转换工具pdf2swf.exe Flexpaper下载地址:下载?(我下的是1.4.5 Flash Version?(release notes)) Pdf2swf工具下载:下载? (我下的是swftools-2011-01-23-1815.exe下载后，安装) 2.运行官方的DEMO及Flexpaper的用法 ?打开刚刚下载好的Flexpaper文件夹，打开里面的例子 index.html, ?（1）运行官方的例子，不能加载任何的.swf（包括例子中的swf）(如果能正常显示的话，请跳过这一步) 运行官方例子的时起，连所带的Paper.swf都不能加载成功，只见到右上角的圈圈一直在动，处于等待的状态。如下图： ?这种情况，是由于Flexpaper还没获得Adobe Flash的信任，这时你可以前住/support/documentation/en/flashplayer/help/settings_manager04a.html#119065?为FlexPaper添加信任.进入网页之后 ，点击左边的 Global Security Settings papel 这个选项,然后在右边(如下图) 为你的例子所在的文件夹添加信任。然后你再运行官方的例子，就会发现可以运行成功啦。 ?(2)Flexpaper的用法 ?我们可以查看index.html源代码，这里不多说，直接说它的用法吧: ?在前端的用法如下： !--首先要引入jquery库及相关的js-- 2 script type=text/javascript src=js/jquery.js/script3 script type=text/javascript src=js/flexpaper_flash.js/script4 script type=text/javascript src=js/flexpaper_flash_debug.js/script 　html中的代码,只需声明一个a标签即可 body  div style=position:absolute;left:10px;top:10px; a id=viewerPlaceHolder style=width:660px;height:480px;display:block/a  script type=text/javascript  var fp = new FlexPaperViewer(  FlexPaperViewer,  viewerPlaceHolder,? !--对应于a 标签的id-- { config : { SwfFile : escape(ajax.swf), !--这句是关键: SwfFile: 指示导入的.swf的路径-- Scale : 0.6,  ZoomTransition : easeOut, ZoomTime : 0.5, ZoomInterval : 0.2, FitPageOnLoad : true, FitWidthOnLoad : false, PrintEnabled : true, FullScreenAsMaxWindow : false, ProgressiveLoading : false,