html点击不同按钮实现相应按钮对应的弹窗

在HTML中，你可以通过JavaScript或者jQuery来实现点击不同按钮触发对应弹窗的功能。下面是一个简单的例子：

首先，你需要创建一些按钮，并给他们赋予唯一的id，例如：

<button id="button1" onclick="showPopup('popup1')">按钮1</button>
<button id="button2" onclick="showPopup('popup2')">按钮2</button>
<button id="button3" onclick="showPopup('popup3')">按钮3</button>

然后，在你的JavaScript文件中定义`showPopup`函数，它接收一个字符串参数，即你要显示的弹窗的id：

function showPopup(popupId) {
    var popup = document.getElementById(popupId);
    if (popup) {
        popup.style.display = "block"; // 或者使用popup.classList.toggle("visible") 如果有样式类
    } else {
        console.error('Popup with id ' + popupId + ' not found.');
    }
}

在这个例子中，当点击按钮时，会尝试打开相应id的弹窗。如果找到该弹窗元素，则显示出来；如果没有找到，则给出错误提示。

对应的弹窗可以这样设置：

<div id="popup1" style="display:none;">
   弹窗1的内容...
</div>

<div id="popup2" style="display:none;">
   弹窗2的内容...
</div>

<div id="popup3" style="display:none;">
   弹窗3的内容...
</div>