onclick="javascript:document.getElementById('people1').style.display='none'">next</a>
我这个代码就是鼠标一点next,DIV people1就变成none,但是我还想再加一个事件,就是DIV people1变成none的同时,另一个DIV people2变成block,请问代码怎么加,我没学过javascript,不太知道格式这些

解决方案 »

  1.   


    <div id="people1" style="display:block">people1</div>
    <div id="people2" style="display:none">people2</div>
    <a onclick="javascript:document.getElementById('people1').style.display = document.getElementById('people1').style.display=='none'?'block':'none';document.getElementById('people2').style.display = document.getElementById('people2').style.display=='none'?'block':'none';">next</a>
      

  2.   

    1楼的方法正确,给你弄清晰点就能看懂了:<script type="text/javascript">
    function f(){
        document.getElementById('people1').style.display = document.getElementById('people1').style.display=='none'?'block':'none';
        document.getElementById('people2').style.display = document.getElementById('people2').style.display=='none'?'block':'none';

    </script>
    <div id="people1" style="display:block">people1</div>
    <div id="people2" style="display:none">people2</div>
    <a onclick="f();">next</a>
      

  3.   

    楼主其实就是一个判断,如果第一个none则第二个block,不过这样的方式只是适合,个数比较少的,如果十个以上怎么办,我觉得,用this来表示比较好,不过一定是挨着的,$(this).prev().hide();   $(this).show();
    不过我用的jquery的方法