在frameset框架上实现右下角弹窗

要在frameset框架上实现右下角弹窗，可以按照以下步骤进行操作：

1. 在frameset框架中添加一个子框架，用于显示弹窗内容。
2. 在父框架中添加一个按钮或链接，用于触发弹窗。
3. 通过CSS样式设置子框架的位置，使其显示在页面的右下角。
4. 编写JavaScript代码，在点击按钮或链接时显示子框架，点击弹窗以外的区域时隐藏子框架。

以下是具体的实现步骤：

1. 在frameset框架中添加一个子框架：

<frameset rows="*,30" frameborder="0">
  <frame src="content.html" name="contentFrame">
  <frame src="popup.html" name="popupFrame">
</frameset>

上面的代码中，frameset框架中包含两个子框架，分别是名为"contentFrame"和"popupFrame"的框架，其中"contentFrame"用于显示页面内容，"popupFrame"用于显示弹窗内容。

2. 在父框架中添加一个按钮或链接，用于触发弹窗：

<a href="#" onclick="showPopup();">弹窗</a>

上面的代码中，我们添加了一个链接，当用户点击链接时会触发名为"showPopup()"的JavaScript函数，用于显示弹窗。

3. 通过CSS样式设置子框架的位置，使其显示在页面的右下角：

frame[name="popupFrame"] {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 200px;
  height: 100px;
  border: 1px solid #ccc;
  display: none;
}

上面的代码中，我们通过CSS样式设置了名为"popupFrame"的子框架的位置，将它固定在页面的右下角，设置了它的宽度、高度和边框样式，并将它的显示方式设置为"none"，即初始时不显示。

4. 编写JavaScript代码，在点击按钮或链接时显示子框架，点击弹窗以外的区域时隐藏子框架：

function showPopup() {
  var popupFrame = window.frames['popupFrame'];
  popupFrame.style.display = 'block';
}

document.onclick = function(event) {
  var popupFrame = window.frames['popupFrame'];
  if (event.target != popupFrame) {
    popupFrame.style.display = 'none';
  }
}

上面的代码中，我们定义了名为"showPopup()"的函数，用于显示子框架。当用户点击弹窗以外的区域时，会触发"document.onclick"事件，用于隐藏子框架。注意，在这里我们不能直接通过"popupFrame.style.display = 'none'"来隐藏子框架，因为如果用户直接点击子框架上的内容，也会触发"document.onclick"事件，导致子框架无法正常显示。因此，我们需要通过"event.target"来判断用户是否点击了子框架上的内容，从而决定是否隐藏子框架。