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 而不是 mouseover。

于 2012-08-10T22:00:09.017 回答
0

事件mouseover/mouseout冒泡。因此，当您的鼠标进入视频标签时，会在容器 div 上触发 mouseout 事件，并在视频 div 上触发 mouseenter。

因此，当鼠标移动到视频中时，mouseover 触发，将不透明度设置为 0.6，然后 mouseout 立即触发并将不透明度设置回 1.0

尝试使用mouseentter/mouseleave不会冒泡的事件，或者您可以测试事件的来源是包装 div，而不是该 div 中的任何元素。

于 2012-08-10T22:04:56.827 回答