0

これが私のコードです。ホバーするとボタンが黒くなるようにしようとしています。

私の現在のjQuery（これもまだ学習していることはあまりわかりません）：

$(document).ready(function() {
    $('div').mouseenter(function() {
        $('div').fadeTo('fast', 1);
    });
    $('div').mouseleave(function() {
        $('div').fadeTo('fast', 0.5);
    });
});
4

2 に答える 2

2

jsfiddle の問題は、左側から jquery を含めていないことです。

また、イベント ハンドラー内では、ページ内のすべての div をターゲットにする which をthis使用する代わりに、特定の要素をターゲットにするために使用することができます。$('div')

$(document).ready(function() {
    $('div').mouseenter(function() {
        $(this).fadeTo('fast', 1);
    });
    $('div').mouseleave(function() {
        $(this).fadeTo('fast', 0.5);
    });
});

ただし、javascript/jquery を使用せずに、CSS トランジションだけで同じことを行うことができます。

div {
    opacity:0.5;
    border-radius:5px;
    width:20%;
    height:100%;
    background-color:black;
    text-align:center;
    border-color:blue;
    float:left;
    color:#FFFFFF;

    transition:opacity 1s; /*added this to enable transitions on opacity of divs*/
}
div:hover{
    opacity:1;
}

http://jsfiddle.net/gaby/DnNkk/2/のデモ

于 2012-12-19T02:48:09.447 に答える
1

左側のメニューにはオプションがChose Frameworkあり、追加する必要がjQueryありますが、それを忘れました。

デモ

于 2012-12-19T02:48:00.303 に答える