3

私はjqueryの知識に少し(非常に似ています)さびています。どういうわけか、緑のボックスにカーソルを合わせたときに青いボックスをフェードさせるために、ここで何が欠けているのか理解できません。

スクリプト:

 $(document).ready(function() {
    $(".hover-text").hover({
    $(".hover-hide").animate({
        opacity: 0.4,
    }, 500);
    });​

html:

 <div class="hover-hide">
    <div class="hover-text">
        BLAH
    </div>
    </div>

css:

 .hover-hide{
    width:200px;
    height:200px;
    background-color:blue;
    padding:30px;
    }
    .hover-text{
    color:white;
    background-color:green;
    padding:10px;
    width:auto;
    margin-top:20px;
    }​​

本当にありがとう!:)

4

2 に答える 2

5

の最初の引数.hoverはコールバック関数であり、である必要があります$('.hover-text').hover(function(){ここでフィドル。

于 2012-12-03T20:49:13.050 に答える
1

あなたは電話のfunction後を逃してい.hoverます。また、最後に閉じ括弧と括弧がありません.ready();

する必要があります:

$(document).ready(function() {     

    $(".hover-text").hover( function() {     
        $(".hover-hide").animate({ opacity: 0.4, }, 500);     
    });

});

これがフィドルです:http://jsfiddle.net/TMZhJ/

于 2012-12-03T20:50:40.913 に答える