2011-12-17 3 views
1

このコードを別の質問で見ましたが、イメージでも機能させるかもしれないと思っていましたが、jqueryの初心者ですからあまりしませんでした。ここでマウスオーバーしている間に他のことをやります。

はコードです:

$('someObject').bind('mouseover', function() { 

    //Do the following while mouseover 
    $('someOtherObject').css('margin-left',adjustedLeft + 'px'); 
    setTimeout(/*do it again*/,25); 

}); 

私は右ここにこの質問でそれを見た: An "if mouseover" or a "do while mouseover" in JavaScript/jQuery

が、それ以下の例もあるが、その一つは、テキストフィールドのために働きます。 、0.01で不透明度を下げ、私は私のイメージのために仕事をしたい

は、基本的に私は2枚の画像に別の上で1つを持っていると私はフェージング効果を作りたいので、マウスオーバーしばらく

のようなもの、すべての0,01sec瞬間 0,01までのマウスが画像(ボタン)を残し、不透明度を下げ停止して、もう一度明確にする150不透明度

まで0.01で再びそれを高め、すべての0.01secを開始し、私は2枚の画像(ボタン)を得ました1をもう一方の上に置いて、上のボタンの不透明度を下げてから上げたい。 また、別の種類のフェードが見えましたが、2つのボタンが1つの画像に表示されていましたが、私にとってはあまりにも高度なものでしたが、私はそれを見るかもしれません。

念のため、ここでの例へのリンクがあまりにもある:http://jsfiddle.net/YjC6y/29/

答えて

1
$('someObject').mouseover(function() { 
    $('someOtherObject').animate({ 
     opacity: 0 
    }) 
}).mouseout(function() { 
    $('someOtherObject').animate({ 
     opacity: 0.99 
    }) 
}); 
+0

が、これは$(することが好ましいです。 ).hoverには2つの関数がありますか? ( $ LowerImageを: –

+0

私は本当に – aWebDeveloper

+0

ありがとう知らない、これは本当に私はその別のオブジェクトならば、それはこれは私が使用したコードである 適切にアニメーション化されません、同じ使用だけではなく、「someOtherObject」の、:)働いていました).mouseover(関数(){ $(LowerImage).animate({ 不透明度:0 }) })マウスアウト(関数(){ $(LowerImage).animate({ 不透明度:150 })。 }); さらにもう1つ、アニメーションの速度をどこかに設定できますか?私は間違っていない、速度は良いです、私はちょうど私が別の場所にそれを別にする必要がある場合に知りたいです。 – Jordashiro

0

使用jQueryのホバーhttp://api.jquery.com/hover/someObject

$('someObject').hover(
     function() { 
      // Set the effect you want when mouse is over the element 
     }, 
     function() { 
      // Set the effect for mouse leave 
     } 

    ); 

・ホープ、この助け:)

関連する問題