Web ページ上でユーザーが場所を選択するためにマウスをクリックした場所にレイヤーが表示され、ユーザーが選択した場所がテキスト ボックスに表示されます。主にレイヤーの表示と非表示を制御します。 コードをコピー コードは次のとおりです。 HEAD> レイヤーの非表示と表示 <br><!-- <BR>/*画像ボタンのスタイルを設定*/ <BR>.picButton {background-image: url(images/buttonBack.gif); <BR> ボーダー: 0 ピクセル; <BR> パディング: 0 ピクセル; <BR> 幅: 12 ピクセル; <BR> 🎜>/ *下線なしのハイパーリンクのスタイルを設定します*/ <BR>A { <BR>color: blue; <BR>text-decoration: none <BR>} <BR>A:hover{ /*マウスはホバーしています。ハイパーリンク上で停止時に色を変更します*/ <BR>color: red; <BR>#placeLayer { <BR>position:absolute; <BR>/*left:200px;* /<BR>幅:483px; <BR>z-index:2; <BR>背景色: #FFFFFF; <BR>背景画像: url(images/layerBack.jpg) <BR>display:none <BR>} <BR>--> <BR><SCRIPT language="javascript" > <br>関数 showMe() <br> 🎜> document.getElementById("placeLayer").style.left=event.x; <br>document.getElementById("placeLayer").style.top=event.y; <br>document.getElementById("placeLayer") .style .display="block"; <br>} <br>function selectPlace(place) <br>{ <br>document.myform.placeButton.value=place; <br>document.getElementById("placeLayer")。 style.display="none"; <br>} <br>function closeMe( ) <br>{ <br>document.getElementById("placeLayer").style.display="none"; </SCRIPT> <br><BODY> <br><br><TABLE width= "58 %" height="296" border="0" align="center" background="images/51table_back.gif" style="background-repeat:no-repeat" > ><TD height="36" align="right"> <br><TR> <br><TD height="32" style=" font- size:12px"> 場所: <br><INPUT name="placeButton" type="button" class="picButton" value="選択/変更" onClick=" showMe()"></ TD><BR></TR><BR><TD height="209"><IMG src="images/next.jpg" width="180" " 高さ ="186"><BR><P>gt; </P><BR></TR>gt; <BR></TABLE><BR>< ;/ フォーム> <br><DIV id="placeLayer" style="background-repeat:no-repeat"> <br><TABLE width="476" height="109" border="0" セル間隔=" 0" style="font-size:12px"> <br><TR align="center"> <br><TD> TD><br></TD><br><TD><A></TD> / TR> <br><TR align="center"> <br><TD><A href="javascript: selectPlace('Beijing')" >北京</A></TD> <br><TD><A href="javascript: selectPlace('上海')" >上海</A></TD> <br><TD><A href="javascript: selectPlace ('広州')">広州</A></TD> <br><TD><A href="javascript: selectPlace('武漢')">武漢</A> </ TD> <br><TR> <br><TD><A href="javascript: selectPlace('成都')"< A></TD> <br><TD><A href="javascript: selectPlace('徐州')">徐州</A></TD> <br><TD> A href="javascript: selectPlace('深セン')">深セン</A></TD> <br><TD><A href="javascript: selectPlace('珠海')">珠海< ;/A</TD> <br></TABLE><BR><BR></HTML> 🎜><br> <br>効果: <br> <br><br><br> <br><br> <br>このケースは、Web ページ上でマウスをクリックした場所に写真を表示したり、メニューを表示したりするために変更して使用することもできます。写真とメニューをレイヤーに配置するだけです。 <br>人間は地に従い、地は空に従い、天は道に従い、道は自然に従います。 <br> </div>
