當用戶給出錯誤的答案時，我想要一個圖像彈出 - 就像一個巨魔

我正在開發一個測驗應用程序。一個非常簡單的！當用戶選擇錯誤的答案時，我想要一個圖片彈出（TROLL/MEME），停留幾秒鐘然後消失。如何在jsp頁面中執行此操作？當用戶給出錯誤的答案時，我想要一個圖像彈出 - 就像一個巨魔

2014-03-13 user3406983

是的，你在實施這一有什麼問題？ –

您可以使用JavaScript：

HTML

<input id="answer" type="text" /><input id="go" type="button" value="answer" />

JS：

document.querySelector('#go').addEventListener('click', function(){ 
var answer = document.querySelector('#answer').value; 
var title = "troll mode"; 
var imagePath = "http://i.imgur.com/kTUYF.jpg" 
if(answer === "" || answer !== "right answer"){ 
    var win=window.open('','win','resizable=yes,scrollbars=no'); 
    win.document.write('<html><head><title>' + title + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no"><img src="' + imagePath + '"/>'); 
}});

測試：http://jsfiddle.net/5RdWW/2/

來源

2014-03-13 17:46:30 driverInside

當用戶給出錯誤的答案時，我想要一個圖像彈出 - 就像一個巨魔

回答

相關問題