Hl.WebMain/Source/jsplug/jq.fancybox/Demo.htm

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!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>
    <title>JQ.fancybox实例</title>
    <script type="text/javascript" src="../../script/UIJquery.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery.fancybox.css" />
    <script type="text/javascript" src="jquery.fancybox.js"></script>
    <script type="text/javascript" src="jquery.mousewheel.pack.js"></script>
    <style type="text/css">
        * { margin:0; padding:0; }
        .page_info { width:600px; height:auto; overflow:hidden; margin:20px auto; }
        .page_info ul li
        {
            height:60px;
            line-height:60px;
        }
    </style>
</head>
<body>
    <div class="page_info">
       <ul>
          <li><input name="toolOpenTips" type="button" value="弹出窗口_提示信息" /></li>
          <li><input name="toolOpenIframe" type="button" value="弹出窗口_Iframe" /></li>
          <li><input name="toolOpenImageOne" type="button" value="弹出窗口_一张图片" /></li>
       </ul>
    </div>
    <div id="inline">hahahahhaaa</div>
    <script type="text/javascript">
        $("input[name='toolOpenTips']").on("click", function () {
            $.fancybox({
                'width': '80%',
                'height': '80%',
                'href': 'index.html',
                'transitionIn': 'elastic',
                'overlayColor': '#000000',
                'overlayOpacity': 0.8,
                'content': '哈哈哈，你是傻都！',
                'autoDimensions': false
            });
        });
        $("input[name='toolOpenIframe']").on("click", function () {
            $.fancybox({
                'type': 'iframe',
                'width': '80%',
                'height': '80%',
                'href': 'index.html',
                'transitionIn': 'elastic',
                'overlayColor': '#000000',
                'overlayOpacity': 0.8
            });
        });
        $("input[name='toolOpenImageOne']").on("click", function () {
            $.fancybox({
                'type': 'image',
                'width': '80%',
                'height': '80%',
                'href': '5_b.jpg,5_b.jpg,5_b.jpg',
                'transitionIn': 'elastic',
                'overlayColor': '#000000',
                'overlayOpacity': 0.8,