问个简单的的问题！！你们一定会的

Question

用到一点jquery 想循环一下
移到图片上 下面的“122333”能显示出来
for(var i=1; i<10;i++) 不知道 写的怎么用不起来
<script type="text/javascript">
$(document).ready(function(){
for(var i=1; i<10;i++){
$(".flip"+ i).mouseover(function(){
    $(".panel"+ i).slideToggle("slow");
  });
$(".flip"+ i).mouseout(function(){
    $(".panel"+ i).slideToggle("hidden");
  })
}
}
</script>
  <ul class="img_box">
    <li><img src="_img/board/1.jpg" width="320" height="240" class="flip1"/><div class="panel1">122333</div></li>
    <li><img src="_img/board/2.jpg"/ class="flip2"><div  class="panel2">122333</div></li>
    <li><img src="_img/board/4.jpg"/class="flip3"><div class="panel3">122333</div></li>
</ul>

Answer 1

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.img_box img').mouseover(function(){
$(this).next().show()
}).mouseout(function(){
$(this).next().hide()
})
})
</script>
  <ul class="img_box">
    <li><img src="_img/board/1.jpg" width="320" height="240" class="flip1"/><div class="panel1">122333</div></li>
    <li><img src="_img/board/2.jpg"/ class="flip2"><div  class="panel2">122333</div></li>
    <li><img src="_img/board/4.jpg"/class="flip3"><div class="panel3">122333</div></li>
</ul>

Answer 2

var begin=null,
var end=null;
for(var i=0;i<vari.intro.length;i++){
vari.intro[i].onmouseover=function(){
vari.span=this.getElementsByTagName("span")[0];
vari.span.style.top=0+"px";
if(vari.begin){clearInterval(vari.begin);}
vari.begin=setInterval(vari.scr,20);
};
vari.intro[i].onmouseout=function(){
vari.span2=this.getElementsByTagName("span")[0];
if(vari.begin){clearInterval(vari.begin);}
if(vari.end){clearInterval(vari.end);}
vari.end2=setInterval(vari.stp,5);
};
}你既然让它显示，标签名称为span 这只是个例子。。

Answer 3

因为 想让LI 里面 N多个 都能显示 和隐藏啊

Answer 4

事件绑定的时候，不要循环一个一个绑定。jQuery里面会处理$('.img_box li').mouseover(function(){
$(this).children('div').slideDown();
}).mouseout(function(){
$(this).children('div').slideDown();
});