地图窗弹（map pop）具体演示
<!DOCTYPE
html PUBLIC“-//W3C//DTD XHTML 1.0 过渡//EN”
“ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ” >
<html xmlns=" http://www.w3.org/1999/xhtml ">
<头>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"
/>
<title>CSS实例讲解地图提示（map pop）档</title>
<样式类型=“文本/CSS”媒体=“全部”>
* { 边距：0;填充：0；
}
img { 边框：0;
}
#show{ 文本对齐：左；
}
ul { 列表样式类型：无；背景：透明
url( ) 无重复 -130px
0 像素；
}
ul li a#map01:悬停span.offset, ul li a#map01:焦点span.offset, ul li
a#map01:active span.offset { margin-top:-1px;左边距：230px；
}
ul li a#map02 { 宽度:110px;高度：75px；顶部边距：-50px；
左边距：235px；
}
ul li a#map02:悬停, ul li a#map02:焦点, ul li a#map02:active {
背景：透明
url( ) 无重复 -115px
-88像素；
}
ul li a#map03:悬停span.offset, ul li a#map03:焦点span.offset,ul li
a#map03:active span.offset { margin-top:-89px;左边距：245px；
}
ul li a#map04 { 宽度:110px;高度：120px；顶部边距：-60px；
左边距：5px；
}
ul li a#map04:悬停, ul li a#map04:焦点, ul li a#map04:active {
背景：透明
url( ) 无重复 -240px
-153像素；
}
ul li a#map05:悬停span.offset, ul li a#map05:焦点span.offset, ul li
a#map05:active span.offset { margin-top:-154px;左边距：120px；
}
</风格>
</头>
<body> <ul> <li><a id="map01"
href="#map01"><span class="offset"><img
src=" /><span>这是 Popsville 社区<strong>帖子
办公室，您的邮资价格过高的地方。点击地图查看
更多</span></span></a></li> <li><a
id="map02" href="#map02"><span class="offset"><img
src=" /><span>家就是啤酒所在的地方。这意味着
<strong>露珠旅馆</strong>。周末有现场音乐表演。
点击地图了解更多</span></span></a></li>
<li><a id="map03" href="#map03"><span
类=“偏移”><img
src=" /><span>在美丽的风景区度过慵懒的夏日午后
<strong>河滩</strong>。在裸体海滩闲逛。
点击地图了解更多</span></span></a></li>
<li><a id="map04" href="#map04"><span
类=“偏移”><img
src=" /><span>我们当地的<strong>林地
Traders 是名副其实的消费品圣地
硬件。点击地图查看
更多</span></span></a></li> <li><a
id="map05" href="#map05"><span class="offset"><img
src=" /><span>乡村生活意味着道路杀戮，而
<strong>Wild Game Diner</strong>准备了特别的
酱。点击地图查看
更多</span></span></a></li> </ul>
</正文>
</html>