0

这些元素/属性应该能够在悬停时突出显示。单击时，它们应该显示一个小框（不是弹出窗口）的信息（只需要 1 行）。

我考虑了链接元素，但我不希望它链接到任何地方。这不一定必须单独通过 html 来完成，但它是可取的。

4

2 回答 2

1

您可以使用一些 javascript 和 CSS 来完成。

CSS：

a { padding: 2px 20px; background: #ccc; }
a:hover{ background: red; color: white; text-decoration:none; }
#msg { display: none; padding: 0 15px; background: #ccc; }​

HTML：

<div>
    <a href="#" onclick="showinfo('msg')">Click Me</a>
    <span id="msg">Do you want this?</span>
</div>​

Javascript：

function showinfo(id){       
    var elemID = document.getElementById(id);        
    if( elemID.style.display == "inline-block") { elemID.style.display = "none"; } 
    else { elemID.style.display = "inline-block"; }    
}​

看演示

于 2012-08-07T10:19:30.047 回答
0

使用 CSS 和 JavaScript：在 onload 中将 style display="none" 分配给您的信息框，然后在 onclick 中将其更改为“block”或“inline”。

于 2012-08-07T10:08:49.750 回答