0

誰かがこのコードを手伝ってくれるかどうか知りたいですか?フェードイン/フェードアウトで不透明度トランジションを追加したいと思います。私はすでに一人で試していますが、jQueryの初心者なので、成功しません:(

どうもありがとうございます !

コード

Jquery

<script type="text/javascript">
    $(document).ready(function () {
        $('img.article01').hover(function () {
            this.src = 'imgColor.jpg';
        }, function () {
            this.src = 'imgGray.jpg';
        });
    });    
</script>

Css

img {
    max-width: 100%; /*very important*/
}

.figure {
    width: 100%;
}

.thumbTitle {
    position: absolute;
    font-size: 1em;
    padding-left: 25px;
    color: #fff;
}

HTML

<article class="padding">

    <h2 class="thumbTitle">Project 01</h2>

    <div class="figure">
        <a href="projet01.html" class="thumb">
            <img src="imgGray.jpg" class="article01" />
        </a> 
    </div>

</article>
4

1 に答える 1

0

HTML:

<div id="mainDiv">Hover here
    <div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div>
</div>

脚本:

$(document).ready(function(){
  $("#mainDiv").hover(function(){
    if($("#div1").css("display") == "none"){
       $("#div1").fadeIn(2000);
    }else{
       $("#div1").fadeOut(2000);
    }
  });
});

これによりfadeInfadeOut効果が切り替わります。お役に立てれば。ここで働くフィドル

于 2013-02-26T11:05:07.623 に答える