特效介绍
纯css写的鼠标移上去高亮显示的中国地图,鼠标移上去会高亮显示各省,点击各省会跳转到不同的页面。完美兼容IE6+
使用方法
1、在头部引入css文件:<link href="css/softwhy.css" media="screen" rel="stylesheet" type="text/css">2、把以下代码拷贝到你想引用的地方
<div> <dl id="gmap"> <dt><a id="title2" href="#nogo"></a></dt> <dd><a id="xj" title="新疆" href="http://www.5imoban.net" target="_blank">新疆</a></dd> <dd><a id="xz" title="西藏" href="http://www.5imoban.net" target="_blank">西藏</a></dd> <dd><a id="qh" title="青海" href="http://www.5imoban.net" target="_blank">青海</a></dd> <dd><a id="gs" title="甘肃" href="http://www.5imoban.net" target="_blank">甘肃</a></dd> <dd><a id="lmg" title="内蒙古" href="http://www.5imoban.net" target="_blank">内蒙古</a></dd> <dd><a id="hlj" title="黑龙江" href="http://www.5imoban.net" target="_blank">黑龙江</a></dd> <dd><a id="jl" title="吉林" href="http://www.5imoban.net" target="_blank">吉林</a></dd> <dd><a id="ln" title="辽宁" href="http://www.5imoban.net" target="_blank">辽宁</a></dd> <dd><a id="sd" title="山东" href="http://www.5imoban.net/" target="_blank">山东</a></dd> <dd><a id="hb" title="河北" href="http://www.5imoban.net/" target="_blank">河北</a></dd> <dd><a id="sx" title="山西" href="http://www.5imoban.net" target="_blank">山西</a></dd> <dd><a id="bj" title="北京" href="http://www.5imoban.net" target="_blank">北京</a></dd> <dd><a id="tj" title="天津" href="http://www.5imoban.net" target="_blank">天津</a></dd> <dd><a id="shx" title="陕西" href="http://www.5imoban.net" target="_blank">陕西</a></dd> <dd><a id="nx" title="宁夏" href="http://www.5imoban.net" target="_blank">宁夏</a></dd> <dd><a id="hn" title="河南" href="http://www.5imoban.net" target="_blank">河南</a></dd> <dd><a id="js" title="江苏" href="http://www.5imoban.net" target="_blank">江苏</a></dd> <dd><a id="ah" title="安徽" href="http://www.5imoban.net" target="_blank">安徽</a></dd> <dd><a id="sh" title="上海" href="http://www.5imoban.net/" target="_blank">上海</a></dd> <dd><a id="zj" title="浙江" href="http://www.5imoban.net" target="_blank">浙江</a></dd> <dd><a id="jx" title="江西" href="http://www.5imoban.net" target="_blank">江西</a></dd> <dd><a id="hj" title="福建" href="http://www.5imoban.net" target="_blank">福建</a></dd> <dd><a id="gd" title="广东" href="http://www.5imoban.net/" target="_blank">广东</a></dd> <dd><a id="hl" title="海南" href="http://www.5imoban.net" target="_blank">海南</a></dd> <dd><a id="gx" title="广西" href="http://www.5imoban.net" target="_blank">广西</a></dd> <dd><a id="gz" title="贵州" href="http://www.5imoban.net" target="_blank">贵州</a></dd> <dd><a id="yn" title="云南" href="http://www.5imoban.net" target="_blank">云南</a></dd> <dd><a id="sc" title="四川" href="http://www.5imoban.net" target="_blank">四川</a></dd> <dd><a id="cq" title="重庆" href="http://www.5imoban.net" target="_blank">重庆</a></dd> <dd><a id="hun" title="湖南" href="http://www.5imoban.net" target="_blank">湖南</a></dd> <dd><a id="hub" title="湖北" href="http://www.5imoban.net" target="_blank">湖北</a></dd> <dd><a id="tw" title="台湾" href="http://www.5imoban.net" target="_blank">台湾</a></dd> </dl> </div>