0

html/css に問題がある

私はいくつかのテキストを手に入れました

hey-1title
hey test
hey-2title
hey2test
hey-3title
hey3test
hey-4title
hey4test
hey-5title
hey5test

hey test のみを表示し、hey2test hey3test hey4test hey5test を非表示にしたい。そして、hey2 hey3 hey4 hey5 というタイトルで指定されています。

お気に入り、

hey-1title
hey test

のみ表示します。

残りはタイトルだけ

マウスを他のタイトルの 1 つに移動すると、hey test が消えて、hey2test が表示されます (マウスを hey-2title に移動した場合)。

残りも同じです。

4

4 に答える 4

2

これを試して

<html>
    <head>
        <title>Head</title>
<style>
.text{
display:none;
}
.title:hover+.text{display:block}

</style>
    </head>
    <body>
        <div class="title">hey-1title</div>
        <div class="text">hey test</div>
        <div class="title">hey-2title</div>
        <div class="text">hey2 test</div>
        <div class="title">hey-3title</div>
        <div class="text">hey3 test</div>
        <div class="title">hey-4title</div>
        <div class="text">hey4 test</div>
        <div class="title">hey-5title</div>
        <div class="text">hey5 test</div>
    </body>
</html>
于 2013-07-06T13:14:38.457 に答える
0

あなたはいくつかのようなものを使うことができます

.hey1:hover{
 display:none;
}

またはjqueryスライダーの上下機能

于 2013-07-06T12:40:06.527 に答える