表示方式が変わる方法

ホーム > DHTML > 表示方式が変わる方法

■説明

　表示方式が変わることによって隠されたメニューが出現します。DHTMLの機能です。動的なページを作ることが出来ます。

、マウスをクリックすると「Display(id)」が呼び出されています。

「document.all(id).style.display」、「document.getElementById(id).style.display」
で表示非表示を変更しています。

■ソース

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<TITLE>表示方式が変わる方法</TITLE>
<SCRIPT TYPE="text/javascript">

</SCRIPT>
</HEAD>
<BODY>

下にあるリンクをクリックすると隠されたメニューが表示されます。<BR>
<A HREF="JavaScript:onClick=Display('display1');">メニュー</A>
<DIV ID="display1" STYLE="display:none">
<UL>

<LI><A HREF="JavaScript:onClick=Display('display2');">Aについて</A></LI>

<LI><A HREF="JavaScript:onClick=Display('display3');">Bについて</A></LI>

<LI><A HREF="JavaScript:onClick=Display('display4');">Cについて</A></LI>

</UL>
</DIV>

</BODY>
</HTML>

■実行例

メニュー

■対応ブラウザ

表示方式が変わる方法
IE3	IE4	IE5	IE5.5	IE6	N3	N4	N6	N7	O6
×	●	●	●	●	×	×	●	●	×

[ホーム] [DHTML] [↑ページ最上部へ戻る]

インターネット上であなたのパソコン教室を開きませんか？
自宅でパソコン教室を簡単に開くことが出来ます。そして低リスクで効率よく稼げる仕事をさがしている。そんな方にはオススメです。