按键显示在一个股利和其他应隐藏

-1

当我按下我需要显示第一个div“D1”别人隐藏任何键，我按任意键再次显示它谢胜利格“D2”别人隐藏和重新按任意键就显示第三格“d3”其他人隐藏..第六格...不再重复该过程。按键显示在一个股利和其他应隐藏

<div class="objects" id="d1"> 
    <img src="images/d1.jpg" /> 
</div> 

<div class="objects" id="d2"> 
    <img src="images/d2.jpg" /> 
</div> 

<div class="objects" id="d3"> 
    <img src="images/d3.jpg" /> 
</div> 

....... 
....... 

<div class="objects" id="d6"> 
    <img src="images/d6.jpg" /> 
</div>

当我按下任意键我需要显示1格，然后我按任意键显示第二div..till 6格..

如何做到这一点在JavaScript？

来源

2013-07-11 prasanth

你有什么迄今..？ –

我刚刚尝试了循环，但它不工作。 – prasanth

安置自己的代码作为小提琴 - ** [的jsfiddle（http://jsfiddle.net/）**'这不是working'并没有真正帮助我们... –

<html> 
<head> 
<style type="text/css"> 
    .Div 
    { 
     display: none; 
    } 
</style> 
<script type="text/javascript"> 



    var i = 0; 
    function KeyHandler() { 
     i++; 
     var divs = document.getElementsByClassName("Div"); 

     for (var div = 0; div < divs.length - 1; div++) { 

      divs[div].style.display = 'none'; 
     } 
     var ele = document.getElementById("d" + i); 
     ele.style.display = "block"; 

    } 

</script> 
</head> 
<body onkeyup="KeyHandler()"> 
Press any key.. 
<div id="d1" class="Div"> 
    <h5> 
     Div1</h5> 
</div> 
<div id="d2" class="Div"> 
    <h5> 
     Div2</h5> 
</div> 
<div id="d3" class="Div"> 
    <h5> 
     Div3</h5> 
</div> 
<div id="d4" class="Div"> 
    <h5> 
     Div4</h5> 
</div> 
<div id="d5" class="Div"> 
    <h5> 
     Div5</h5> 
</div> 
<div id="d6" class="Div"> 
    <h5> 
     Div6</h5> 
</div> 
</body> 
</html>

来源

2013-07-11 12:07:04 Rams

尝试了这一点

var currentVisible = 0; 
document.onkeyup = function() { 
    // First hide all by class 'objects' 
    // Requires IE9+ FF3+, others are supported 
    var objs = document.getElementsByClassName('objects'); 
    for (var i=0; i<objs.length; i++) { 
     objs[i].style.display = 'none'; 
    } 
    // Show the one we are supposed to show 
    if (++currentVisible == 7) 
     currentVisible = 1; 
    var el = document.getElementById('d' + currentVisible); 
    el.style.display = 'block'; 
}

100％未经检验寿，因为我有任何小提琴大气压的访问权限。

来源

2013-07-11 11:36:45 Eric

按键显示在一个股利和其他应隐藏

回答

相关问题