2010-07-30 58 views
0

我正在使用叠加图像和主图像简单地炸开图像。当我们点击小图像时,炸开就会被打开,然后如果我们点击了炸开的图像,它会被关闭。现在我想让它在ecs按键上关闭。如何关闭退出按键上的图像?

我该怎么做?我的代码

样本: -

function Blowups(arrs,flag,nums,img_nm) 
{ 
var h = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop; 
var pheight = document.getElementsByTagName('html')[0].scrollHeight; 
var myHeight = document.documentElement.clientHeight; 
var div1 = document.getElementById('mrgn'); 
var div2 = document.getElementById('div_disp'); 
var prev=''; 
var nxt=''; 
var scr2=''; 
var scr3=''; 
    var imgs=arrs.split(','); 
    var i=(flag)-1; 
    var k=0; 
    var m=0; 
    src1='http://www.a.in/im/'+imgs[i]; 
      if(flag != 1) 
       prev="<a href=\"blah blah\">&laquo; Prev</a>"; 
      if(flag != nums) 
       nxt="<a href=\"blah blah\">Next &raquo;</a>"; 
document.getElementById('blah blah').innerHTML='<td><img src='+src1+'><div><p>'+nxt+'</p><p>'+prev+'</p></div></td>'; 
div2.className ='blah blah';div2.style.height =pheight+'px'; 
div1.style.marginTop =h+'px';div1.style.height =myHeight+'px'; 
} 

回答

4

添加这个地方最适合:

<script type="text/javascript"> 
window.onkeyup = function (event) { 
    if (event.keyCode == 27) { 
    window.close(); 
    } 
} 
</script> 

更改window.close();销毁或隐藏含有溃变图像的<div>标签。

+0

和IE这将是这样的: - 如果 document.onkeypress =函数(事件){ (事件==未定义) {event = window.event; } if(event.keyCode == 27){ document.getElementById('something')。display ='none';} if(event.keyCode == 27) } } – developer 2010-08-11 07:03:31

0

另外,您也可以关闭窗口,只有div需要隐藏。当图像被显示ESC只能(已经显示是块)

<script type="text/javascript"> 
    window.onkeyup = function (event) { 
     if (event.keyCode == 27 && document.getElementById('blah blah').display='block') { 
      document.getElementById('blah blah').display='none'; 
     } 
    } 
</script>