换一批功能

<div id="movie1" style="display:block;">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
<div id="movie2" style="display:none;">
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
</div>
<div id="movie3" style="display:none;">
<a href="#">7</a>
<a href="#">8</a>
<a href="#">9</a>
</div>
<input type="button" onclick="javascript:divrefresh();" value="换一批" />
<script type="text/javascript">
function divrefresh(){
   var m1=document.getElementById('movie1');
   var m2=document.getElementById('movie2');
   var m3=document.getElementById('movie3');
   if(m1.style.display=='block'){
      m1.style.display='none';
      m2.style.display='block';
   }else if(m2.style.display=='block'){
      m2.style.display='none';
      m3.style.display='block';
   }else{
      m3.style.display='none';
      m1.style.display='block';
   }
}
</script>

//点击按钮换一批:(假设有3个div块,打开页面默认显示第一个div,点“换一批”按钮,用js读取第二个div替换掉第一个div并显示在网页上,再点一次则用第三个替换掉第二个,再点一次用第一个替换掉第三个……如此循环)

posted @ 2013-06-10 20:17  姚志超  阅读(309)  评论(0编辑  收藏  举报