Edit D:\AVAWeike\AVAWeike\AVA.ResourcesPlatform.WebUI\JS\zh-CN\FancyBox\index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="imagetoolbar" content="no" />
    <title>FancyBox</title>    
    <script type="text/javascript" src="../jquery-1.3.2.1.min.js"></script>
    <script type="text/javascript" src="jquery.fancybox-1.2.1.js"></script>
    <script type="text/javascript">

$(function()
        {
            $("a#donate").bind("click", function()
            {
                $("#donate_form").submit()
            });

//	        $("a#single_1").fancybox({
            //	            callbackOnStart: function() { alert('?????allbackOnStart'); },
            //	            callbackOnShow: function() { alert('?????allbackOnShow'); },
            //	            callbackOnClose: function() { alert('?????allbackOnClose'); }
            //	        });

$("a#single_1").fancybox({
                callbackOnStart: function() { alert('?????allbackOnStart'); },
                callbackOnShow: function() { alert('?????allbackOnShow'); },
                callbackOnClose: function() { alert('?????allbackOnClose'); }
            });

$("a#single_2").fancybox({
                'zoomOpacity': true,
                'zoomSpeedIn': 500,
                'zoomSpeedOut': 500

});

$("a#single_3").fancybox({
                'overlayShow': false,
                'zoomSpeedIn': 600,
                'zoomSpeedOut': 500//,
                //'easingIn'				: 'easeOutBack',
                //'easingOut'				: 'easeInBack'
            });

$("a.group").fancybox({
                'hideOnContentClick': true
            });

$("#iframeShow").fancybox({
                frameWidth: 625,
                frameHeight: 355
            });

//	        $("#fancy_target").fancybox({
            //	            frameWidth: 333,
            //	            frameHeight: 333,
            //	            frameURL: "http://www.163.com"
            //	        }).click();

//            $("#fancy_target1").fancybox({
            //                frameWidth: 625,
            //                frameHeight: 355
            //            }).click();

//	        $.fn.fancyox()._initialize();
        });

//???
        function close()
        {
            $.fn.fancybox.close();
        }

//???iframe?????????
        function changeSize()
        {
            $.fn.fancybox.changeDocSize(200, 100);
        }

function To163()
        {
            $.fn.fancybox.show({
                'zoomSpeedIn': 600,
                'zoomSpeedOut': 500,
                frameWidth: 625,
                frameHeight: 355,
                title: "?????aidu",
                frameURL: "http://www.baidu.com"

});
        }
    </script>
    <style type="text/css">
        img
        {
            border: 0;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <input id="Button1" type="button" value="??163"  onclick="To163();" />
        <a id="fancy_target1" style="display: none;" href="http://www.baidu.com">???</a>
        <h1>
            Images</h1>
        <p>
            <strong>Different settings on single images </strong>
            <br />
            <a id="single_1" title="Sample title" href="exImage/193k170035_xl_2.jpg">
                <img src="exImage/1_s.jpg"></a> <a id="single_2" href="exImage/2_b.jpg">
                    <img src="exImage/2_s.jpg"></a> <a id="single_3" href="exImage/3_b.jpg">
                        <img src="exImage/3_s.jpg"></a>
            <br />
            <strong>Image gallery</strong>
            <br />
            <a class="group" rel="group" title="Group title #1" href="exImage/4_b.jpg">
                <img src="exImage/4_s.jpg"></a> <a class="group" rel="group" title="Group title #2" href="exImage/5_b.jpg">
                    <img src="exImage/5_s.jpg"></a> <a class="group" rel="group" href="exImage/6_b.jpg">
                        <img src="exImage/6_s.jpg"></a>
        </p>
        <h1>
            Other media</h1>
        <table border="0" cellpadding="0" cellspacing="5">
            <tr>
                <th>
                    Inline
                </th>
                <th>
                    Iframe
                </th>
                <th>
                    AJAX
                </th>
            </tr>
            <tr>
                <td>
                    <a class="group" href="#testube">
                        <img alt="" src="exImage/8_s.jpg" /></a>
                </td>
                <td>
                    <a id="iframeShow" href="subwin.htm">
                        <img alt="" src="exImage/9_s.jpg" /></a>
                </td>
                <td>
                    <a class="group" href="exImage/ajax.txt">
                        <img alt="" src="exImage/10_s.jpg" /></a>
                </td>
            </tr>
        </table>
    </div>
    <div id="testube">
        ddddddd</div>
</body>
</html>

Ms-Dos/Windows Unix Write backup

jsp File Browser version 1.2 by www.vonloesch.de