当鼠标悬停在元素上时如何在浏览器底部预览URL

// HTML元素
<a href="https://www.example.com" onmouseover="showPreview(this)">Link</a>

// JavaScript函数
function showPreview(element) {
  var url = element.href;
  window.status = url; // 在浏览器底部显示URL
}

/* CSS样式 */
a:hover::after {
  content: attr(href); /* 获取元素的href属性作为内容 */
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #f0f0f0;
  padding: 10px;
  box-sizing: border-box;
}