关于地图如何加亮闪烁

yaoshi 2002-10-19 08:18:39
如何把一张地图分成n个小区域(比如n=4,简单化),
当鼠标出现在某个区域时,该区域加亮显示,同时闪烁,
当鼠标离开该区域时,该区域恢复原来地图的样子.

谢谢啦,各位大哥!

...全文
196 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
llrock 2002-10-20
  • 打赏
  • 举报
回复
不好意思,我的个人主页不能用了,只好借用校友录,把这个图片保存
http://album5.chinaren.com/album/40/82/138240/426678.gif
并且改名字为map.gif,然后把上面的代码保存岛相同目录,记得把那个<img src=map.gif...改过来.

llrock 2002-10-20
  • 打赏
  • 举报
回复
在线用这个,我用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>
llrock 2002-10-20
  • 打赏
  • 举报
回复
查了一下午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>
yaoshi 2002-10-20
  • 打赏
  • 举报
回复
是被规则的划分的,把地图分成n个小的四边形,
那怎么办那?怎么得到各个小的四边形的坐标活ID,对他操纵那?
llrock 2002-10-20
  • 打赏
  • 举报
回复
方案一:flash
方案二:用很多图素拼一张地图,用js控制。(但是无法处理不规则图像的边界问题)
终极方案:WebGIS,www.esri.com下在一个组件mapObject2.1,你可以免费使用90Day,http://arconline.esri.com/arconline/samples.cfm?PID=17。
不止可以闪烁,还可以动态连接数据库...爽死你
llrock 2002-10-20
  • 打赏
  • 举报
回复
js中无法找倒图像边界,又怎么控制闪烁呢,除非你的地图被规则的划分
Reve 2002-10-20
  • 打赏
  • 举报
回复
<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>
qiushuiwuhen 2002-10-19
  • 打赏
  • 举报
回复
div + position:absolute + filter

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧