关于地图如何加亮闪烁

div + position:absolute + filter

解决方案 »

  1.   

    <div id="bb">49930-5</div>
    <script langugae="javascript">  
    function blink(it,per)
    {
      if (per==null) per=500;
      var handler=setTimeout("blink(\""+(it)+"\","+per+")",per);
      it=eval(it);
      if (it.style.visibility=='visible')
        it.style.visibility='hidden';
      else
        it.style.visibility='visible';
      return handler;
    }
    blink("bb");
    </script>  
      

  2.   

    方案一：flash
    方案二：用很多图素拼一张地图,用js控制。（但是无法处理不规则图像的边界问题）
    终极方案：WebGIS，www.esri.com下在一个组件mapObject2.1，你可以免费使用90Day，http://arconline.esri.com/arconline/samples.cfm?PID=17。
    不止可以闪烁，还可以动态连接数据库...爽死你
      

  3.   

    是被规则的划分的，把地图分成n个小的四边形，
    那怎么办那？怎么得到各个小的四边形的坐标活ID，对他操纵那？
      

  4.   

    查了一下午MSDN，终于搞到了，楼主看看这个满不满意。
    你可以从http://www25.brinkster.com/llrock/download/map.rar，因为需要图片，所以你要下载<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>llrock</TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="llrock">
    <META NAME="Keywords" CONTENT="Map,">
    <META NAME="Description" CONTENT="llrock.myrice.com,">
    </HEAD>
    <BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var winktime=null;
    var ac,bc;
    function wink(){
      document.all.background.style.backgroundColor=bc;
      document.all.subwaymap.style.filter="chroma(color="+ac+")";
      var tmp=ac;
      ac=bc;
      bc=tmp;
    }
    function go(color){
      ac=color;//被高亮的区域颜色
      bc="#0A246A";//蓝色
      clearInterval(winktime);
      winktime=setInterval('wink()',300);
    }
    //-->
    </SCRIPT>
    <!-- 背景层，用来替换颜色 -->
    <div id="background" style="position:absolute;left:0px;top:0px;width:323px;height:265px">
    </div>
    <!-- 放置地图 -->
    <div id="subwaymap" style="position:absolute;left:0px;top:0px">
      <img src="map.gif" border=0 width=323 height=265>
    </div>
    <div id="subwaylinks" style="position:absolute; left:634px; top:0px; width:200px">
    <A HREF="#"  onclick="go('ef467a')">广西</a><BR>
    <A HREF="#"  onclick="go('74c044')">云南</a><BR>
    <A HREF="#"  onclick="go('cec395')">四川</a><BR>
    <A HREF="#"  onclick="go('3196a9')">宁夏</a><BR>
    <A HREF="#"  onclick="go('3149a9')">内蒙古</a><BR>
    <A HREF="#"  onclick="go('FEF161')">新疆</a><BR>
    <A HREF="#"  onclick="go('8b6814')">西藏</a><BR>
    <A HREF="#"  onclick="go('DC6803')">青海</a><BR>
    <BR><BR><BR><A HREF="http://www25.brinkster.com/llrock/download/map.rar"  onclick="go('DC6803')">下载原程序</a><BR>
    </div>
    </BODY>
    </HTML>
      

  5.   

    在线用这个，我用chinaren的地图，注意你必须每个区域用不同的颜色显示，也不能和高亮的颜色相同，注意这点就可以了，给分吧，不过还是建议你用更强大的组件，那样你可以选区地图,和属性数据库。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>llrock</TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="llrock">
    <META NAME="Keywords" CONTENT="Map,">
    <META NAME="Description" CONTENT="llrock.myrice.com,">
    </HEAD>
    <BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var winktime=null;
    var ac,bc;
    function wink(){
      document.all.background.style.backgroundColor=bc;
      document.all.subwaymap.style.filter="chroma(color="+ac+")";
      var tmp=ac;
      ac=bc;
      bc=tmp;
    }
    function go(color){
      ac=color;//被高亮的区域颜色
      bc="#0A246A";//蓝色
      clearInterval(winktime);
      winktime=setInterval('wink()',300);
    }
    //-->
    </SCRIPT>
    <!-- 背景层，用来替换颜色 -->
    <div id="background" style="position:absolute;left:0px;top:0px;width:323px;height:265px">
    </div>
    <!-- 放置地图 -->
    <div id="subwaymap" style="position:absolute;left:0px;top:0px">
      <img src="http://www25.brinkster.com/llrock/download/map.gif" border=0 width=323 height=265>
    </div>
    <div id="subwaylinks" style="position:absolute; left:634px; top:0px; width:200px">
    <A HREF="#"  onclick="go('ef467a')">广西</a><BR>
    <A HREF="#"  onclick="go('74c044')">云南</a><BR>
    <A HREF="#"  onclick="go('cec395')">四川</a><BR>
    <A HREF="#"  onclick="go('3196a9')">宁夏</a><BR>
    <A HREF="#"  onclick="go('3149a9')">内蒙古</a><BR>
    <A HREF="#"  onclick="go('FEF161')">新疆</a><BR>
    <A HREF="#"  onclick="go('8b6814')">西藏</a><BR>
    <A HREF="#"  onclick="go('DC6803')">青海</a><BR>
    <BR><BR><BR><A HREF="http://www25.brinkster.com/llrock/download/map.rar"  onclick="go('DC6803')">下载原程序</a><BR>
    </div>
    </BODY>
    </HTML>
      

  6.   

    不好意思，我的个人主页不能用了，只好借用校友录，把这个图片保存
    http://album5.chinaren.com/album/40/82/138240/426678.gif
    并且改名字为map.gif，然后把上面的代码保存岛相同目录，记得把那个<img src=map.gif...改过来.