HTML中，左邊彈窗是一種常見的頁面交互效果。這里給大家分享一個簡單的HTML左邊彈窗代碼，讓大家可以快速實現這種常用功能。

<style>
#left {
position: fixed;
left: -260px;
top: 50%;
margin-top: -100px;
width: 300px;
height: 200px;
background-color: #fff;
border-right: 5px solid #ccc;
transition: all 0.3s ease-out;
}
#left.open {
left: 0;
}
#open-btn {
position: fixed;
left: 0;
top: 50%;
margin-top: -25px;
width: 50px;
height: 50px;
background-color: #ccc;
text-align: center;
line-height: 50px;
color: #fff;
cursor: pointer;
}
</style>
<div id="left">
<p>這里是左邊彈窗的內容</p>
</div>
<div id="open-btn">打開</div>
<script>
var left = document.getElementById('left');
var openBtn = document.getElementById('open-btn');
openBtn.onclick = function () {
left.classList.toggle('open');
};
</script>

上面的代碼中，我們首先定義了一個id為'left'的div，用于顯示左邊彈窗的內容。div使用了position:fixed屬性固定在頁面左側，并使用top和margin-top將其垂直居中。然后我們使用left屬性將其移至頁面左側之外。

接下來，我們定義了一個id為'open-btn'的div，用于觸發左邊彈窗的展開。該div同樣使用了position:fixed屬性固定在頁面左側，并使用top和margin-top將其垂直居中。我們還設置了一個onclick事件，當用戶點擊該div時，觸發函數實現切換'open'類名，從而展開或關閉左邊彈窗。

最后，我們使用javascript實現點擊'open-btn'時切換'open'類名的功能。

以上就是一個簡單的HTML左邊彈窗代碼，希望對大家有所幫助！