Question

<script>
oj = ["a","img","object"];
jQuery(document).bind('mousemove', function(e) {
    jQuery("#arrow").css({
        top : e.pageY - 10,
        left : e.pageX + 35
    })
    jQuery.each(oj, function(i, val) {
        jQuery(val).mouseover(function() {
            jQuery("div[id^=\'arrow\']").hide()
        });
        jQuery(val).mouseout(function() {
            jQuery("div[id^=\'arrow\']").show()
        })
    }) 
});
</script>

和html（swf + a）

<object height="90" width="380">
    <param name="movie" value="banner.swf">
    <param vmode="transparent" value="opaque" name="wmode">
    <embed height="90" width="380" vmode="transparent" wmode="opaque" src="banner.swf">
</object>
<a href="index.html">test</a>
<div id="arrow">arrow</div>

当我在a tag上移动鼠标时，结果隐藏<div id="arrow">arrow</div>，但当object swf上的鼠标移动结果不是隐藏值<div id="arrow">arrow</div>时，如何解决？ demo mine here

Answer 1

你应该编写你的jquery代码 $(document).ready(function(){ //code here });

同样top，left与position一起使用，因此请在代码中添加一行

jQuery("#arrow").css({
    top : e.pageY - 10,
    left : e.pageX + 35,
    position:'relative'
})

这是演示 http://jsfiddle.net/trrc8/1/

当鼠标移动到对象swf上时，使用事件mousemove时出错是不是可以隐藏值？

1 个答案: