在網頁上點選滑鼠的地方顯示圖層，供使用者選擇地點，同時把使用者選擇的地點顯示在文字方塊中。主要是控制層的顯示、隱藏。 複製程式碼 程式碼如下: 圖層的隱藏顯示練習 <BR><!-- <BR>/*設定圖片按鈕樣式*/ <BR>.picButton { background-image: url(images/buttonBack.gif); <BR>border:0 px; <BR>marginBack.gif); <BR>border:0 px; <BR>marginBack.gif); <BR>border:0 px; <BR>marginBack.gif); <BR>border:0 px; <BR>marginBack.gif); <BR>border:0 px; <BR>marginBack.gif); <BR>border:0 px; <BR>margin : 0px; <BR>padding: 0px; <BR>height: 22px; <BR>width: 123px; <BR>font-size: 12px; <BR>} <BR>/*設定無下劃線的連接樣式* / <BR>A { <BR>color: blue; <BR>text-decoration: none; <BR>} <BR>A:hover{ /*滑鼠在超連結上懸停時變成顏色*/ <BR>color: red; <BR>} <BR>#placeLayer { <BR>position:absolute; <BR>/*left:200px; <BR>top:81px;*/ <BR>width:483px; height:194px; <BR>z-index:2; <BR>background-color: #FFFFFF; <BR>background-image: url(images/layerBack.jpg); <BR>display:none <BR>} <BR>--> <BR> <BR>function showMe() <BR>{ <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>} <BR> function closeMe( ) <BR>{ <BR>document.getElementById("placeLayer").style.display="none"; <BR>} <BR> TR> 地點： 關閉 北京 上海 廣州 武漢 成都 徐州 深圳 珠海
