2010-07-30 70 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>