站长资源 网络编程

仿51JOB的地区选择效果(可选择多个地区)

整理:jimmy2026/8/6浏览2次

简介js地区选择 * {margin:0;} body {font-size:12px;} #container div{margin-top:5px;} #select_city h3{float:left;} #main_city,#all_province {clear:both;} #main

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js地区选择</title> <style> * {margin:0;} body {font-size:12px;} #container div{margin-top:5px;} #select_city h3{float:left;} #main_city,#all_province {clear:both;} #main_city div,#all_province div{width:600px;clear:left;} #main_city h4,#all_province h4{float:left;display:inline;font-size:16px;} #main_city div span,#all_province div span{margin:0 10px;cursor:pointer;font-size:12px;} #float_lay{width:200px;height:120px;border:1px #d1d1d1 solid;position:absolute;background:#fff;z-index:999;display:none;} </style> </head> <body> <input name="Input" id="test" value="选择/修改" type="button" onclick="openLayer('popupAddr')" /> 我就是结果： <select></select> <input name="Input" value="选择/修改" type="button" onclick="openLayer('popupAddr')" /> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动

下一篇：option挡住div解决方法

站长资源 网络编程

仿51JOB的地区选择效果(可选择多个地区)

最新资源

一句话新闻

标签云