-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 でそれを行うことができますか?

1 つのページにすべてがある場合は、ID を使用して div を作成し、各 ID にリンクすると、その 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 に答える