0

私は非常に単純に見える何かを達成しようとしています...

divラジオボタンといくつかのコンテンツを含む3 つの s があります。

     Content of DIV1,
[]   this can be as long or as tall
     as wanted

[]   Content of DIV2

[]   Content of DIV3

ここの他の投稿にあるテクニックを使用して、各 div の角を丸くするのは簡単です。しかし、ホバー イベントに対してのみそれを行うことができませんでした。つまり、マウスが div の上に置かれたときにのみ、div の周りに丸みを帯びたボックスが表示されるようにしたいと考えています。これがどこかで行われている例を見た人はいますか?

編集：私はすでにPrototypeとScriptaculousを使用しています。これだけのためにjQueryを追加することはできません。

4

4 に答える 4

2

これにより、divのホバーでjqueryを使用してCSSが変更されます

print("<div id="output" class="div"></div>



<script>

    jQuery(document).ready(function() {

    $("#output").hover(function() {
        $(this).css({ 'background-color': 'yellow', 'font-weight': 'bolder' });
    }, function() {

    $(this).css({ 'background-color': 'blue', 'font-weight': 'bolder' });
    });


    }
    );

"）;

于 2009-01-09T15:10:09.877 に答える
1

あなたが抱えているかもしれない問題の一部は、CSSのほとんどの実装（およびそのテクノロジーのブラウザーの実装）では、divにスタイルルールをアタッチできる：hoverメソッドがないという事実にあります。

Antonyが述べたように、jQueryはこれを回避できる可能性があります。

私がそれを攻撃する方法（私はjQueryを調べていないので）は、タグ（ホバーメソッドがあります）をdisplay：blockに設定し、すべての付随ルールをdivであるかのように設定します。含まれているdivを埋めるために展開し、もちろん、丸みを帯びたコーナールールをホバーに追加します。

もう1つの方法は、divをタグで囲むことですが、ここでも、実際にはに属していないdisplay：block、background、およびその他のルールを設定しています。

これはすべて構文の残酷な乱用なので、私が提案することを試す前に、作業をバックアップしてください。

幸運を祈ります-常にdivで丸みを帯びたままにして、ホバー効果を呼び出すために他にできることを考えたほうが簡単でしょう。

于 2009-01-09T14:57:21.523 に答える
0

私はあなたがjqueryでそれを行うことができると確信しています。
http://docs.jquery.com/CSS

http://docs.jquery.com/Events/hover

于 2009-01-09T14:49:59.870 に答える
0

Cssは、問題を解決するために利用できるホバー疑似セレクターを定義するか、javascriptを使用して、イベントonMouseEnteronMouseOutの正しいdivにcssクラスを追加/削除する効果をシミュレートします。

于 2009-01-09T15:07:06.123 に答える