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 に答える