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

FlexPaper做的类似百度文库的效果_第1张图片

这里有个误区,虽然我的截图这里有个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>

 

你可能感兴趣的:(FlexPaper做的类似百度文库的效果)