Question

如何创建一个链接，按下时，显示有关某些内容的更多信息而不重新加载页面？（我相信它被称为溢出？）

一个例子就在这里：

https://market.android.com/details?id=com.jiwire.android.finder&feature=featured-apps

点击“说明”部分下的“更多”按钮，会显示更多说明，整个网页的内容会向下滑动，无需重新加载

谢谢！

Answer 1

利用这个

    <!DOCTYPE html>
    <html>
    <head>
      <style>
    div { background:#de9a44; margin:3px; width:80px; 
    height:40px; display:none; float:left; }
    </style>
      <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
      Click me!
    <div></div>
    <div></div>
    <div></div>
    <script>
    $(document.body).click(function () {
    if ($("div:first").is(":hidden")) {
    $("div").slideDown("slow");
    } else {
    $("div").hide();
    }
    });

    </script>

<script>
  $(document.body).click(function () {
    if ($("div:first").is(":hidden")) {
      $("div").show("slow");
    } else {
      $("div").slideUp();
    }
  });

  </script>
    </body>
    </html>

如何制作溢出链接？

1 个答案: