-4

我正在尝试创建一个博客页面。在我的博客页面中，我想在同一页面上提供指向该地点的链接。我怎么能用 html 做到这一点？

Ex sort of table of the content

   |------------------------------|
   |  List of smt                 |
   |     *X                       |
   |     *Y                       |
   |     *Z                       |
   |     *T                       |
   |------------------------------|

当用户按下某个链接（例如 X）时，同一页面将加载 X 的内容。X的内容

   |------------------------------|
   |           X                  |
   |   X is .....                 |
   | .......................      |
   | .. . X is used in .....      |
   |------------------------------|
4

2 回答 2

0

我不确定这是否对您有帮助，但是您可以使用一些 CSS 来做到这一点吗？

如果您将所有内容都放在一个页面上，则可以使用 id 制作 div，然后链接到每个 ID，它会向下滚动到该页面...您可以将 div 隐藏在页面之外，然后单击它们出现...

如果这听起来有用，我可以提供一些代码

代码：据我了解，您想链接到页面的不同部分（很可能更往下）

这是一个选项，让我知道它是否对您的问题有效：

{CSS}
#partofpage {



}


{HTML}
<a href = "#partofpage">Link</a>

如果您想隐藏 div 或使其可见：

{CSS}
#partofpagehidden {

visibily : hidden; /*if you put "Collapse" then it would hide a column/row of a table*/
OR

display: none; /*This would take the element away and it wont take up any space,      visibility would take it away but it would take up the same space*/




}
#partofpageshown {

visibility: visible;

}
于 2012-10-26T12:55:43.980 回答
-1

http://www.dynamicdrive.com/forums/showthread.php?49019-jQuery-hide()-and-show()-based-on-a-select-element

根据匹配的 id 和类定位要显示/隐藏的元素

<HEAD>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">

$(document).ready(function(){

    $("#bloc").change(function() {

    if ($("#bloc").val() == 2)
    {
        $("#bdays, #bdays2, #brea, #brea2").show("fast");
    }
    else
    {      
        $("#bdays, #bdays2, #brea, #brea2").hide();
    }

    });

    if ($("#bloc").val() == 2)
    {
        $("#bdays, #bdays2, #brea, #brea2").show("fast");
    }
    else
    {      
        $("#bdays, #bdays2, #brea, #brea2").hide();
    }

});
 </script>
</HEAD>
<BODY>
<select id="bloc">
<option value="1">Normal</option>
<option value="2">Blocked</option>
</select>

<table border="1">
    <tr>
        <td>value 1</td>
        <td>value 2</td>
    </tr>
    <tr>
        <td>
            <div id="bdays">
            Days:
            </div>
        </td>
        <td>
            <div id="bdays2">
            <input type="text" id="VIN" value="">
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div id="brea">
            Reason:
            </div>
        </td>
        <td>
            <div id="brea2">
            <input type="text" id="VIN" value="">
            </div>
        </td>
    </tr>
</table>
</BODY>

试试这个。

于 2012-10-26T09:41:07.257 回答