求js 事件的问题

Question

求高手 帮忙解决的问题有2个
第一就是为什么点击id的div2 图片的时候会触发 id的div1的事件？
第二就是然后让二个事件完全执行后在执行重新执行？ 
下面是代码：<ul>
<li><img style="position:absolute;top:10;" src="1.png" id="div1"><a id="A" style="position:absolute;" onmouseOver="mouseOver(1)" onmouseOut="mouseOut(1)" >A</img></li>
<li><img style="position:absolute;top:-5;" src="1.png" id="div2"><a id="B" style="position:absolute;" onmouseOver="mouseOver(2)" onmouseOut="mouseOut(2)" >B</img></li>
</ul><script type="text/javascript">
function mouseOver(u){var a=0;
var o=document.getElementById('div'+u);
function move(){ a++; 
if(a==29){clearInterval(time);}
o.style.top = (o.style.top.replace('px','')-0 +5);}
var time = window.setInterval(move,1);}
function mouseOut(u){
setTimeout(function(){
var ab=0; 
var o=document.getElementById('div'+u);
function mov(){ ab++;
if(ab==29){clearInterval(time);}
o.style.top = (o.style.top.replace('px','') - 5);}
var time = window.setInterval(mov,1);},1000);}
</script>

Answer 1

img是单标签，结构乱套了。。楼主先去了解下html代码先。。

Answer 2

有看过html代码了 但是有的问题自己解决不了 请高手帮帮忙 修改一下好吗

Answer 3

<img src="#" /> 这才是正确的闭合……

Answer 4

话说 我有用了 是这样吗 我是这样修改的 但是还是没效果 下面是代码
<li><img style="position:absolute;top:10;" src="1.png" id="div1"/></img><a id="A" style="position:absolute;" onmouseOver="mouseOver(1)" onmouseOut="mouseOut(1)" />A</li>

Answer 5

刚学完html和css，js也是今天才看的，所以你的js部分我不知道错没有，但是你这html代码写法我觉得有问题：<li>
  <img style="position:absolute; top:10px;"src="1.png" id="div1" />
  <a id="A" style="position:absolute;" onmouseOver="mouseOver(1)" onmouseOut="mouseOut(1)>A</a>
</li>

Answer 6

<img />，<hr />,<br />……这类标签属于空标签，没有结束标签，所以用结束于开始标签。<a>,<p>,<span>这类标签是有结束标签的，所以必须使用结束标签</a>……，你的img标签和a标签都没有正确闭合，a标签的链接无效。

Answer 7

<ul>
<li><img style="position:absolute;top:10;" src="1.png" id="div1" /><a id="A" style="position:absolute;" onmouseOver="mouseOver(1)" onmouseOut="mouseOut(1)" >A</a></li>
<li><img style="position:absolute;top:-5;" src="1.png" id="div2" /><a id="B" style="position:absolute;" onmouseOver="mouseOver(2)" onmouseOut="mouseOut(2)" >B</a></li>
</ul>如果你是想鼠标称到 链接文字A, 和文字B的时候想隐藏 div1 和 div2的图片就这样写 

Answer 8

顺便把JS也补上function mouseOver(id){
   for(int i=1;i<3;i++){
         if(id==i){
           $("#div"+i).show();  
       }
       else {
                 $("#div"+i).hide();  
   }
 }
}

Answer 9

哦理解错了，你是over 和out 事件
应该是 只是针对于当前的function mouseOver(id){
    $("#div"+id).show(); 
} function mouseOut(id){
    $("#div"+id).hide(); 
} 

Answer 10

谢谢 9楼的朋友 但是jq的我还看不懂 我想要纯js的 高手能帮我修改一下吗