HTML左側彈出菜單是網頁設計中常見的一個功能。下面是一段HTML代碼，可以實現一個左側彈出菜單。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>左側彈出菜單</title>
<style>
#sidebar {
position: fixed;
top: 0;
left: -200px;
width: 200px;
height: 100%;
background: #333;
transition: all 0.3s ease-in-out;
}
#sidebar.active {
left: 0;
}
</style>
</head>
<body>
<div id="sidebar">
<ul>
<li><a href="#">菜單項1</a></li>
<li><a href="#">菜單項2</a></li>
<li><a href="#">菜單項3</a></li>
<li><a href="#">菜單項4</a></li>
</ul>
</div>
<button onclick="document.getElementById('sidebar').classList.toggle('active')">菜單</button>
</body>
</html>該代碼分為三部分：HTML、CSS和JavaScript。
HTML代碼中，使用div標簽包裹了一個ul列表，其中每個li代表一個菜單項，a標簽為菜單項添加了鏈接。該div的id為sidebar，該id會在JavaScript代碼中用到。
CSS代碼中，設置了sidebar的基本樣式，包括它的定位、大小、背景顏色以及過渡效果。同時，使用了active類，為sidebar添加了一個左移的動畫，使它可以在按鈕點擊后顯示出來。
JavaScript代碼中，當按鈕被點擊時，會觸發一個函數，該函數用classList.toggle方法在sidebar的class屬性上切換active類。當active類存在時，sidebar會顯示出來，反之則會隱藏。因為sidebar始終存在于頁面中，所以可以用固定定位來讓它一直浮動在頁面左邊。