この人頭いいなと思ったエピソード

onclickを押すと隠れた文章が展開(もう一度押すと閉じる)
onmouseoverでもカーソルを合わせると、同じく隠れた文章が
展開されるスクリプトを探しています。

スクリプト自体あれば最高ですが
これのスクリプトを用意するのに
適しているなぁと思われるサイトなどを
お教えください。よろしくお願いします。

A 回答 (2件)

<html>


<head><style>.hide{display:none}</style></head>
<body>
質問の表現は<a href="#" id="a" onClick="viewStr('b')" onMouseOver="viewStr('b')">自由</a>
<span id="b" class="hide">【Freedom】</span>
だが、多くの場合それは、自分以外には伝わらない。<br/>
<br/>
</body>
<script>
function viewStr(o){
obj = document.getElementById(o);
obj.style.display=(obj.style.display!='inline')?'inline':'none';
}
</script>
</html>
    • good
    • 0

同じものを対象にして、onclickとonmouseoverを組み合わせるのは不自然になると思えます。



・ onmouseoverで変化し、更にonclickで変化する。

・ またあるときは、onmouseoverで変化し、クリックせずにアウトする。

onmouseoverはonmouseoutとペアにし、onclickは別のことを行う、とした方がすっきりするでしょう。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報