0

これが私が現在していることです。

PHPエコーは、データベース内の最近の投稿を次のようなユーザー名で送信します。

echo '<div id="userblock">test</div>';
echo '<span class="userpost">' . $str . ' - posted by <b>' . $username . '</b></span><br /><br />';

次に、テストにカーソルを合わせると、ユーザーのプロファイル/統計/情報が投稿の左側に直接表示されるようにします。

これが私がこれまでにCSSに対して持っているものであり、私は決してスタイリングが得意な形や形ではありません。だから私はあなたの入力が大好きです。

div#userblock {
display:none;
}

span.userpost:hover  div#userblock {
    background-color:#efefef;
    height:150px;
    width:150px;
}
4

2 に答える 2

1

そのため、#userblock内にネストする必要があります.userpost。

何かのようなもの..

echo '<span class="userpost"> <div id="userblock".. />  </span>';

次に、次の CSS を使用します。

#userblock {

    display:none;
}

.userpost:hover  #userblock {

    display:block;
}
于 2012-06-30T06:06:55.540 に答える
1

jqueryでこれを行う方法は次のとおりです：http://jsfiddle.net/surendraVsingh/sT66P/1/

Jquery コード:

$('.userpost').hover(function(){
    $(this).prev("#userblock").show();
    //$(this).prev("#userblock").toggle(); //if you want to toggle show/hide of div//
});​

CSS コード

#userblock {
 background:#999;
 display:none;
}

.userpost{
    background-color:#efefef;
    height:150px;
    width:150px;
}​
于 2012-06-30T07:14:12.410 に答える