1

だから私はここにページを持っています：他のいくつかのページの中でhttp://www.ruffcuts.com.sg/work/bosch.htm。

ビデオ要素にカーソルを合わせてから、前面の草の画像の不透明度を変更して（id = plax-sphere-52 src = homehead6.png）、プレーヤーのコントロールが表示されるようにします。

しかし、どういうわけかそれは機能しません！私はもう試した

$('#videocontain').mouseover(function() {
$('img#plax-sphere-52').css('opacity', '0.6');
});
$('#videocontain').mouseout(function() {
$('img#plax-sphere-52').css('opacity', '1');
});

そして他の同様のコーディングですが、それは機能しません。

どこかで競合が発生する可能性がありますか、それとも単にコーディングがすべて間違っているだけですか？ちなみにhttp://videojs.com/を使用しています。

4

2 に答える 2

0

あなたのページにjQueryを壊しているエラーが表示されます。

Uncaught TypeError: Object [object Object] has no method 'plaxify' ruffcutsprod.js:4

$
undefined

それ以外は問題ありません。マウスオーバーの代わりにmousemoveを試してみてください。

于 2012-08-10T22:00:09.017 に答える
0

イベントはmouseover/mouseoutバブルします。したがって、マウスがビデオタグに入ると、mouseoutイベントがコンテナdivで発生し、mouseenterがビデオdivで発生します。

したがって、マウスがビデオに移動すると、マウスオーバーが起動して不透明度が0.6に設定され、次にマウスアウトがすぐに起動して不透明度が1.0に戻ります。

mouseentter/mouseleaveバブルを発生させないイベントを使用してみてください。または、イベントのソースがラッピングdivであり、そのdiv内の要素ではないことをテストできます。

于 2012-08-10T22:04:56.827 に答える