当前位置： >>
牧雁辅助资讯温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
我们需要用到的图片：
&PS：命名为map.gif
&PS：命名为maph1.gif
CSS代码如下：#main {
MARGIN: 10px auto 0 WIDTH: 950 TEXT-ALIGN: left}
BACKGROUND: url(map.gif) no-
FLOAT: WIDTH: 552 HEIGHT: 447px}
DISPLAY: FONT-WEIGHT:POSITION: absolute}
.mapl A:link {
DISPLAY: BACKGROUND: url(maph1.gif) no-
COLOR: #000; TEXT-DECORATION: none}
.mapl A:visited {
DISPLAY: BACKGROUND: url(maph1.gif) no-
COLOR: #000; TEXT-DECORATION: none}
.mapr A:link {
DISPLAY: BACKGROUND: urlmaph1.gif) no-
COLOR: #000; TEXT-DECORATION: none}
.mapr A:visited {
DISPLAY: BACKGROUND: url(maph1.gif) no-
COLOR: #000; TEXT-DECORATION: none}
.mapl A:link {
BACKGROUND-POSITION: left 4 PADDING-LEFT: 20px}
.mapl A:visited {
BACKGROUND-POSITION: left 4 PADDING-LEFT: 20px}
.mapr A:link {
PADDING-RIGHT: 20 BACKGROUND-POSITION: right 4px}
.mapr A:visited {
PADDING-RIGHT: 20 BACKGROUND-POSITION: right 4px}
.mapl A:hover {
PADDING-RIGHT: 20 DISPLAY:
BACKGROUND: url(maph1.gif) no- COLOR: #ff0000}
.mapl A:active {
PADDING-RIGHT: 20 DISPLAY:
BACKGROUND: url(maph1.gif) no- COLOR: #ff0000}
.mapr A:hover {
PADDING-RIGHT: 20 DISPLAY:
BACKGROUND: url(maph1.gif) no- COLOR: #ff0000}
.mapr A:active {
PADDING-RIGHT: 20 DISPLAY:
BACKGROUND: url(maph1.gif) no- COLOR: #ff0000}
#map .mapr A:hover {
PADDING-RIGHT: 20 BACKGROUND-POSITION: right bottom}
#map .mapr A:active {
PADDING-RIGHT: 20 BACKGROUND-POSITION: right bottom}
#map .mapl A:hover {
BACKGROUND-POSITION:PADDING-LEFT: 20px}
#map .mapl A:active {
BACKGROUND-POSITION:PADDING-LEFT: 20px}
PADDING-RIGHT: 0PADDING-LEFT: 0FONT-SIZE: 12PADDING-BOTTOM: 0
MARGIN: 0 WORD-SPACING: 0 PADDING-TOP: 0 LETTER-SPACING: 0px}
FONT-SIZE: 12 BACKGROUND: # COLOR: #666; LINE-HEIGHT: 1.8;
FONT-FAMILY: Verdana, "宋体", Arial,S TEXT-ALIGN: center}
BORDER-TOP-WIDTH: 0 BORDER-LEFT-WIDTH: 0 BORDER-BOTTOM-WIDTH: 0
BORDER-RIGHT-WIDTH: 0px}&HTML代码：&DIV id=wrapper&
&DIV id=main&
&DIV id=map&
&H1 style="FONT-SIZE: 14 font-weight:
MARGIN: 90px 0px 0px 220px"&&/H1&
&H1 class=mapl style="MARGIN: 162px 0px 0px 396px"&&A
style="FONT-WEIGHT: 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: 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&
阅读(652)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_087068',
blogTitle:'DIV+CSS实现可用的中国地图，不用脚本和热点',
blogAbstract:'最终效果：\r\n\r\n&\r\n我们需要用到的图片：\r\n\r\n&\r\n&PS：命名为map.gif\r\n',
blogTag:'中国地图,div,css,无js',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:9,
publishTime:3,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}
