HTML5二維碼彈出框代碼非常方便，可以使用以下代碼來實現：

<div id="qrCode">
<img src="url of qr code" alt="QR Code" />
</div>
<button onclick="document.getElementById('qrCode').style.display='block'">Show QR Code</button>
<style>
#qrCode {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
background-color: #fff;
padding: 20px;
box-shadow: 0 0 20px rgba(0, 0, 0, .3);
}
#qrCode img {
max-width: 100%;
height: auto;
}
</style>

代碼解釋：

• 使用一個div元素包含二維碼圖片，設置其id為“qrCode”。
• 在div元素下方添加一個按鈕，當用戶點擊按鈕時顯示二維碼，可以使用onclick事件來實現。
• 在樣式表中設置#qrCode的基本樣式：將其位置設置為fixed并居中顯示，設置z-index以確保其顯示在其它元素之上，添加陰影以增加立體感。
• 圖片樣式中設置最大寬度為100%以確保其自適應顯示。

使用以上代碼，您可以輕松實現一個彈出二維碼窗口的效果。