JavaScript在网页上单击鼠标的地方显示层及关闭�

在网页上单击鼠标的地方显示层，供用户选择地点，同时把用户选择的地点显示在文本框中。主要是控制层的显示、隐藏。复制代码代码如下： HTML HEAD META http-equiv=' Content-Type ' Content=' text/HTML；charset=gb2312' TITLE层的隐藏显示练习/TITLE STYLE type='text/css '！- /*设置图片按钮样式*/.选择按钮{背景图像： URL(图像/按钮返回。gif)；border :0 pxmargin : 0pxpadding : 0pxhirte : 22px宽度： 123像素；font-size : 12px} /*设置无下划线的超连接样式*/A { color:蓝色；文本装饰：无；} A:hover{ /*鼠标在超链接上悬停时变为颜色*/color:红色；} # PlaceLayer { position : absolute；/*左：200 pxtop :81 px */width :483 px；高度：194pxz索引：2;背景-color : # FFFFFF；背景-image : URL(images/layer back。jpg)；display : none }-/STYLe SCRIPT language=' JAVAScript '函数显示我(){文档。getelementbyid(' placeLayer ')。STYLe。左=事件。x；文件。getelementbyid(' placeLayer ')。风格。top=事件。y；文件。getelementbyid(' placeLayer ')。风格。display=' block}函数选择地点(place){ document。我的表格。放置按钮。值=地点；文件。getelementbyid(' placeLayer ')。风格。显示='无'；}函数closeMe(){文档。getelementbyid(' placeLayer ')。风格。显示='无'；}/SCRIPT/HEAD BODY FORm name=' my FORm ' method=' post ' action=' TABLE width=' 58% ' height=' 296 '边框=' 0 ' align=' center ' back=' images/51 TABLE _ back。gif ' style=' background-repeat : no-repeat ' TR TD高度=' 36 ' align=' right '/TD/TR TR TD高度=' 32 ' style=' font-size :12 px '地点：INPUT name=' place button ' type=' button ' class=' picButton ' value='选择/修改onClick=' showMe()'/TD/TR TR TD高度=' 209 ' PIMG src=' http : images/next。jpg ' width=' 180 ' height=' 186 '/P P/P/TD/TR/TABLE/FORM DIV id=' place layer ' style=' background-repeat : no-repeat ' TABLE width=' 476 ' height=' 109 '边框=' 0 '单元格间距=' 0 ' style=' font-size :10关闭/A/TD/TR/TR align=' center ' TDA北京')' 北京TDA上海')' 上海TDA广州')'广州TDA武汉')'武汉文件对齐='中心TDA成都')'成都TDA徐州')'徐州TDA深圳')'深圳TDA珠海')'珠海/阿/TD /TR /TABLE /DIV /BODY /HTML效果

本案例也可以修改后用在网页上单击鼠标的地方显示图片、显示菜单等。只要把图片、菜单放到层中即可。人法地，地法天，天法道，道法自然。