FlexPaper做的类似百度文库的效果

FlexPaper做的类似百度文库的效果-LMLPHP

这里有个误区，虽然我的截图这里有个FlexPaperViewer.swf，但是这个文件还是要放在网站根目录一个。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DocRead.aspx.cs" Inherits="D_Portal.DocRead" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script src="files/js/jquery.min.js" type="text/javascript"></script>

    <script src="files/js/flexpaper.js" type="text/javascript"></script>

    <script src="files/js/flexpaper_handlers.js" type="text/javascript"></script>

</head>

<body>

    <form id="form1" runat="server">

    <div id="documentViewer" style="width:100%;height:100%;">

    <script type="text/javascript">

        var startDocument = "Paper";

        $('#documentViewer').FlexPaperViewer(

            { config: {

                SWFFile: 'files/1.swf',

                Scale: 0.6,

                ZoomTransition: 'easeOut',

                ZoomTime: 0.5,

                ZoomInterval: 0.2,

                FitPageOnLoad: true,

                FitWidthOnLoad: false,

                FullScreenAsMaxWindow: false,

                ProgressiveLoading: false,

                MinZoomSize: 0.2,

                MaxZoomSize: 5,

                SearchMatchAll: false,

                InitViewMode: 'Portrait',

                RenderingOrder: 'flash',

                StartAtPage: '',

                ViewModeToolsVisible: true,

                ZoomToolsVisible: true,

                NavToolsVisible: true,

                CursorToolsVisible: true,

                SearchToolsVisible: true,

                WMode: 'window',

                localeChain: 'en_US'

            }

            }

        );

    </script>

    </div>

    </form>

</body>

</html>