2

私はCSSとJavaScriptのプロではありません。私は、ユーザーが記事を作成および編集する記事のWebサイトに取り組んでいます。現在、ユーザーが記事を削除または編集したいときはいつでも、記事を表す各DIVの下にあるボタンをクリックします。コードはこんな感じ

<div id="article"><!-- article data --></div>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
            style="height: 26px" Text="Delete" />

しかし、私が欲しいのは、この削除ボタンはページの読み込み時に表示されてはならないということです。ユーザーが対応するdivの上にマウスを置いたときにのみ表示され、divの右下隅にあるdivと重なる必要があります。どうすればこれができますか？

4

2 に答える 2

5

これは、jQueryを使用してフェードインとフェードアウトを処理します。ASPやC＃については何も知りませんが、これはデモに役立つかもしれません。左下隅にある黒い四角にカーソルを合わせると、削除ボタンが表示されます。jQueryはここで見ることができます：

$('.delete input').hide();
$('.delete').hover(
    function() {
        $('.delete input').fadeIn();
    }, function() {
      $('.delete input').fadeOut();
    }
);
于 2013-01-06T10:24:29.197 に答える
1

ボタンをcssで表示したい場合は、次のようになります。

div:hover input {visibility: visible}

それはあなたが与えるコードでうまくいくでしょう。もちろん、より複雑なページがある場合は、ルールをより具体的にする必要があります（おそらく、クラスをdivに割り当てます）

于 2013-01-06T12:49:01.527 に答える