27、网页导航的实用技巧与实现方法

网页导航的实用技巧与实现方法

1. 在页面窗口中打开页面

在网页开发中，有时需要在页面内的窗口中打开其他页面，这可以借助 FancyBox 插件来实现。

1.1 使用百分比设置窗口大小

可以使用百分比值来设置 FancyBox 弹出窗口的宽度和高度，使其适应不同大小的浏览器窗口。示例代码如下：

<script>
$(document).ready(function() {
  $('.iframe').fancybox({
      width : '85%',
      height : '75%'
  }); // end fancybox
}); // end ready
</script>

1.2 教程：在页面内打开页面的操作步骤

以下是使用 FancyBox 插件在页面内打开页面的详细步骤：
1. 在文本编辑器中，打开指定文件夹中的 in-page-links.html 文件。该文件已提供了 FancyBox 样式表的链接、加载 jQuery 和 FancyBox 插件的脚本标签，以及包含 $(document).ready() 函数的 <script> 标签。
2. 找到第一个链接 <a href="http://www.google.com/">Search Google</a> ，添加 class="ifra