zoukankan      html  css  js  c++  java
  • 换一批功能

    <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并显示在网页上,再点一次则用第三个替换掉第二个,再点一次用第一个替换掉第三个……如此循环)

  • 相关阅读:
    linux常用的命令
    针对无线信道衰落特性分析3G,4G,5G的关键技术异同点
    re-id 资料集
    kissme
    数据集
    matlab print,disp,fprint,fscan
    PCA样本数量少于矩阵维数
    pca降维详细过程
    TOJ 1856 Is It A Tree?
    POJ 2570 Fiber Network
  • 原文地址:https://www.cnblogs.com/yzc19838458/p/3131148.html
Copyright © 2011-2022 走看看