【赞】用CSS打造的中国地图
2024-04-13 08:41:12
代码简介：
采用CSS结合部分图片实现的漂亮实用的中国地图，相信这个地图能帮到你，运行一下，您就知道了。
代码内容：
View Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401- 19991224/loose.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>【赞】用CSS打造的中国地图 - www.webdm.cn</TITLE><META http-equiv=Content-Type content="text/html; charset=utf-8"><META content=地图。 name=description><META content=地图 name=keywords><LINK href="http://www.webdm.cn/images/20091030/yi_base.css" type=text/css rel=stylesheet><LINK href="http://www.webdm.cn/images/20091030/yi_index.css" type=text/css rel=stylesheet><META content="MSHTML 6.00.2900.3132" name=GENERATOR></HEAD><BODY><DIV id=wrapper><!-- header end--><DIV id=main><DIV id=map><H1 style="FONT-SIZE: 14px; MARGIN: 90px 0px 0px 210px">请先选择您MJJ所在的城市：</H1><H1 class=mapl style="MARGIN: 162px 0px 0px 396px"><A style="FONT-WEIGHT: bold; COLOR: #ff0000" href="#">北京 </A></H1><H1 class=mapl style="MARGIN: 110px 0px 0px 465px"><A href="#">长春 </A></H1><H1 class=mapr style="MARGIN: 165px 0px 0px 305px"><A href="#">呼和浩特 </A></H1><H1 class=mapr style="MARGIN: 293px 0px 0px 255px"><A href="#">成都 </A></H1><H1 class=mapr style="MARGIN: 285px 0px 0px 300px"><A href="#">重庆 </A></H1><H1 class=mapl style="MARGIN: 154px 0px 0px 439px"><A href="#">大连 </A></H1><H1 class=mapr style="MARGIN: 370px 0px 0px 366px"><A href="#">广州 </A></H1><H1 class=mapl style="MARGIN: 338px 0px 0px 305px"><A href="#">贵阳 </A></H1><H1 class=mapl style="MARGIN: 420px 0px 0px 342px"><A href="#">海口 </A></H1><H1 class=mapl style="MARGIN: 79px 0px 0px 489px"><A href="#">哈尔滨 </A></H1><H1 class=mapl style="MARGIN: 296px 0px 0px 445px"><A href="#">杭州 </A></H1><H1 class=mapr style="MARGIN: 261px 0px 0px 393px"><A href="#">合肥 </A></H1><H1 class=mapr style="MARGIN: 206px 0px 0px 383px"><A href="#">济南 </A></H1><H1 class=mapr style="MARGIN: 359px 0px 0px 237px"><A href="#">昆明 </A></H1><H1 class=mapr style="MARGIN: 222px 0px 0px 264px"><A href="#">兰州 </A></H1><H1 class=mapr style="Z-INDEX: 100; MARGIN: 250px 0px 0px 342px"><A href="#">洛阳 </A></H1><H1 class=mapl style="MARGIN: 317px 0px 0px 360px"><A href="#">长沙</A></H1><H1 class=mapl style="MARGIN: 317px 0px 0px 405px"><A href="#">南昌 </A></H1><H1 class=mapl style="MARGIN: 255px 0px 0px 430px"><A href="#">南京 </A></H1><H1 class=mapl style="MARGIN: 229px 0px 0px 418px"><A href="#">徐州 </A></H1><H1 class=mapl style="MARGIN: 214px 0px 0px 433px"><A href="#">青岛 </A></H1><H1 class=mapl style="Z-INDEX: 99; MARGIN: 366px 0px 0px 400px"><A href="#">汕头 </A></H1><H1 class=mapl style="MARGIN: 280px 0px 0px 458px"><A style="FONT-WEIGHT: bold; COLOR: #ff0000" href="#">上海 </A></H1><H1 class=mapl style="MARGIN: 383px 0px 0px 392px"><A href="#">深圳 </A></H1><H1 class=mapr style="MARGIN: 138px 0px 0px 433px"><A href="#">沈阳 </A></H1><H1 class=mapr style="MARGIN: 191px 0px 0px 355px"><A href="#">石家庄 </A></H1><H1 class=mapl style="MARGIN: 270px 0px 0px 430px"><A href="#">无锡 </A></H1><H1 class=mapr style="MARGIN: 272px 0px 0px 390px"><A href="#">马鞍山 </A></H1><H1 class=mapr style="MARGIN: 204px 0px 0px 338px"><A href="#">太原 </A></H1><H1 class=mapl style="MARGIN: 176px 0px 0px 408px"><A href="#">天津 </A></H1><H1 class=mapl style="MARGIN: 115px 0px 0px 145px"><A href="#">乌鲁木齐 </A></H1><H1 class=mapr style="MARGIN: 277px 0px 0px 357px"><A href="#">武汉 </A></H1><H1 class=mapr style="MARGIN: 263px 0px 0px 347px"><A href="#">南阳 </A></H1><H1 class=mapr style="MARGIN: 238px 0px 0px 314px"><A href="#">西安 </A></H1><H1 class=mapl style="MARGIN: 353px 0px 0px 424px"><A href="#">厦门 </A></H1><H1 class=mapl style="MARGIN: 189px 0px 0px 438px"><A href="#">烟台 </A></H1><H1 class=mapl style="MARGIN: 235px 0px 0px 377px"><A href="#">郑州 </A></H1><H1 class=mapr style="MARGIN: 225px 0px 0px 350px"><A href="#">焦作 </A></H1><H1 class=mapr style="MARGIN: 383px 0px 0px 355px"><A href="#">珠海 </A></H1><H1 class=mapl style="MARGIN: 200px 0px 0px 415px"><A href="#">淄博 </A></H1><H1 class=mapl style="MARGIN: 335px 0px 0px 435px"><A href="#">福州 </A></H1><H1 class=mapl style="MARGIN: 375px 0px 0px 315px"><A href="#">南宁 </A></H1></DIV></DIV></DIV><!-- w end--></BODY></HTML><br /><p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码！</p>
代码来自：http://www.webdm.cn/webcode/b1127e04-4780-469b-96bf-a3b4d65c10a6.html
转载于:https://www.cnblogs.com/webdm/archive/2012/02/07/2341025.html
【赞】用CSS打造的中国地图相关推荐
- 中国地图html+css版
1.一张中国地图的背景图片 <H1 class=mapl style="MARGIN: 162px 0px 0px 396px"><A style="F ...
- 用html，css，js来绘制中国地图
html中代码: <div class="row"><!-- World Map --><div class="col-md-8" ...
- JS+CSS打造一款漂亮绿色相册代码
代码简介: JavaScript+CSS完成的漂亮相册展示效果,运用了大量CSS代码,JS代码并不多,它可以自动获取链接图片的地址以及TITLE标签的信息,当鼠标点击小图的时候它就会自动加载大图,类似 ...
- Js+Css打造的红色经典伸缩菜单代码
代码简介: JS+Css伸缩菜单,红色,很好看.注:IE6下好像有点不正常,用的朋友自己修正下! 代码内容: <!DOCTYPE html PUBLIC "-//W3C//DTD XH ...
- CSS打造很棒的黑色背景下的导航菜单
代码简介:CSS打造很棒的黑色背景下的导航菜单 代码内容: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN& ...
- JVectorMap 实现中国地图
我借鉴的博客:http://dove19900520.iteye.com/blog/1880668 一.功能介绍 JVectorMap是一款jquery的地图插件,可以支持各个国家和具体到省份的地图. ...
- JS+CSS打造随屏幕滚动的quick快速导航代码
代码内容: <html> <head> <title>JS+CSS打造随屏幕滚动的quick快速导航代码_网页代码站(www.webdm.cn)</title ...
- D3.js中国地图下钻
使用d3.js实现中国地图及中国地图下钻到省市区 在可视化开发中,地图是很重要的一个环节,很多时候需要展现的不仅是国家地图,还需要能从国家进入到省市,看到区这样的下钻过程,今天我们就来实现这个效果. ...
- 精致纯CSS打造绿色漂亮导航栏
代码简介: 极精致的纯CSS实现的菜单,兼容性非常好,条例WEB标准,能用性好,用到有修饰图片,请根据代码地址自己下载. 代码内容: <!DOCTYPE html PUBLIC "-/ ...
最新文章
- 在Ubuntu 16.04.6 LTS上安装python3.7和pip3后出现Command '('lsb_release', '-a')' 出错问题的解决方法
- 关于static修饰符
- 【预告】这两天可能要装Server 2012 Essentials和Nginx反向代理
- Node.js 切近实战(八) 之Excel在线（文件权限）
- 备忘：C++基础 -- 数据类型的学习总结
- 前端常见知识点三之HTML
- linux下设置定时任务,linux下定时任务设置
- 对多个WCF服务进行统一的连接测试
- 浮点型数据类型存储空间大小（信息学奥赛一本通-T1017）
- object C php,关于消息推送的补充，主要介绍服务端的实现，包含object c 版本 c 版本 java 版本 php 版本 （转）...
- JavaWeb项目服务端获取客户端的IP地址
- 关于 Visual Studio 2017 ,或2019 ,Installer 没检测到已安装的程序.以及C++ 创建项目失败...
- 为什么要使用class.forname在DriverManager.getConnection之前
- app icon在线生成
- @PropertySource 注解的使用
- MITO-ID 线粒体膜电位检测试剂盒的作用机制和应用
- 2022美国科学院院士名单公布：图灵奖得主、龙书作者Alfred V. Aho当选！
- Netbackup5230备份一体机重删率异常故障分析日志收集
- 计算机主板上方便用户自己安装,一种计算机主板卡接安装锁紧装置的制作方法...
- 方差分析 球形检验_spss球形检验.PDF