Question

当我点击导航栏中的链接时，我希望固定标题不会消失我能够通过将页面分成表格来实现这一点，

问题是我想知道这是否可能我希望导航栏中的链接在右栏中打开“content / the main colmn”

<!-- ============ HEADER SECTION ============== -->

<!-- ============ NAVIGATION BAR SECTION ============== -->
  link1 link2 link3 
<!-- ============ LEFT COLUMN (MENU) ============== -->
<!-- ============ RIGHT COLUMN (MENU) ============== -->

LINK1 WILL OPEN HERE ?? !! HOW USING TABLES TAGS OR DIV 



<!-- ============ FOOTER SECTION ============== -->

这是我的尝试，但它不起作用：

<li><a href="world.php" target="main" title="WORLD">WORLD</a></li>

请帮忙谢谢

Answer 1

这也可以使用Javascript。在创建链接时，href参数将指向一个javascript函数，该函数负责将其他页面加载到您想要的位置。

<a href="javascript:loadSideBar();">

使用像jQuery这样的Javascript库，您也可以轻松添加很酷的效果。

Answer 2

你可以使用javascript和jquery创建链接以在他们正确的位置切换隐藏的div

        <script type="text/javascript">
           $("#main").click(function (){
           $("#side-menu").toggle('slow');
          });
         </script>

Answer 3

试试这个

<script type="text/javascript">
function openPage(page) {
$(".page").hide();
$("#" + page).show();
}
</script>

链接：

<li><a href="#" onclick="openPage(1);return false" title="WORLD">Page 1</a></li>
<li><a href="#" onclick="openPage(2);return false" title="WORLD">Page 2</a></li>
<li><a href="#" onclick="openPage(3);return false" title="WORLD">Page 3</a></li>
<li><a href="#" onclick="openPage(4);return false" title="WORLD">Page 4</a></li>

HTML：

<div class="page" id="1">
Page 1
</div>
<div class="page" id="2">
Page 2
</div>
<div class="page" id="3">
Page 3
</div>
<div class="page" id="4">
Page 4
</div>

HTML我想要链接打开内容区域？

3 个答案: