FlexPaper的使用:[1]简单案例

2025-05-14 19:00:41

1、我们从FlexPaper的官网下载控件,进入官网,点击“DOWNLOAD”,然后选择如下图进行下载

FlexPaper的使用:[1]简单案例

2、作者使用的是版本2.2.4,FlexPaper的结构如下图

FlexPaper的使用:[1]简单案例

3、作者是在JavaScript中用到的FlexPaper,实际我们只需要js文件下的flexpaper.js和jquery.min.js,以及FlexPaperViewer.swf,上图已经标明,我们将上面提到的三个文件拷贝到项目中,这里作者的目录有变动,大家可以打开flexpaper.js修改下二图红色标注的地方,只要让flexpaper.js能够找到FlexPaperViewer.swf即可(只需要修改下二图第二个标注即可)

FlexPaper的使用:[1]简单案例
FlexPaper的使用:[1]简单案例

4、在jsp文件中调用FlexPaper,首先引入FlexPaper,如下图一,然后调用FlexPaper,下二图,大家可能看不清,没有关系这篇代码在网上很容易搜的到

FlexPaper的使用:[1]简单案例
FlexPaper的使用:[1]简单案例

5、在调用FlexPaper时,先说几个比较重要的参数,其他的参数以后的经验中再讲,第一个SWFFil髫潋啜缅e,这个是用来指明要显示的swf的位置,Scale,这个是用来指明显示时文章显示的比例,要大于零,多试几次就知道了。如果你能够正常的显示swf文章,那你就太顺利了,如果不能正常显示文章的话,可能原因有:1. swf路径错误;2. FlexPaper控件中路径错误;3. 换FlexPaper自带的paper.swf文件试一下,可能是你自己的swf文件错误

FlexPaper的使用:[1]简单案例
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢