0

したがって、このコードの半分は機能するようになりましたが、残りのコードは機能していないようです。

divをフェードインさせることはできますが、画像を移動させることはできません。

var mouse_is_inside = false;

$(document).ready(function() {
$(".how_btn").click(function() {
    var howWorks = $("#jhow_works");
    if (howWorks.is(":visible"))
        howWorks.fadeOut("fast");
    else
        howWorks.fadeIn("fast");
    return false;

    $("#spot-1").animate({ 
    marginLeft: "+=40px",
}, 2000 );

});


$("#jhow_works").hover(function(){ 
    mouse_is_inside=true; 
}, function(){ 
    mouse_is_inside=false; 
});

$("body").click(function(){
    if(! mouse_is_inside) $("#jhow_works").fadeOut("fast");
});
});

css

#jhow_works {
display:none;
position:absolute;
width:440px;
margin:310px 150px 0 360px;
}

img#spot-1 {
position: absolute;
margin-left: 55px;
margin-top: 20px;
}

html

    <div id="jhow_works">
    <div id="how_wrapper">
        <img id="spot-1" src="../images/spot.png" alt="" >
    </div>
</div>


        <div id="how_it_works">
        <div id="logo_how"><a class="how_btn"  href="..."><img class="how_button" src="../images/how_it_works_logo.png" alt="How it works!" ></a></div>
        <div id="text_how"><a class="big how_btn"  href="..."><strong class="big_bold_main">How</strong>&nbsp;it Works</a></div>
    </div>

私はここで愚かなことをしているに違いありません。助けてくれてありがとう

ありがとう！

4

2 に答える 2

4

return ステートメントをクリック関数の最後に移動します。

$(".how_btn").click(function() {
  var howWorks = $("#jhow_works");
  if (howWorks.is(":visible"))
    howWorks.fadeOut("fast");
  else
    howWorks.fadeIn("fast");

  $("#spot-1").animate({ 
  marginLeft: "+=40px"}, 2000 );

  return false;
});
于 2012-08-14T02:32:36.403 に答える
1

ヘザーが上で提供したのと同じコードで答えるつもりだったので、代わりに に関するいくつかの有用な情報へのリンクを投稿しreturn false;ます. この情報は、別の質問で別のスタック オーバーフロー ユーザーによって提供されました。行う？

これが誰かに役立つことを願っています。

于 2012-08-14T02:44:15.797 に答える