社区
JavaScript
帖子详情
关于地图如何加亮闪烁
yaoshi
2002-10-19 08:18:39
如何把一张地图分成n个小区域(比如n=4,简单化),
当鼠标出现在某个区域时,该区域加亮显示,同时闪烁,
当鼠标离开该区域时,该区域恢复原来地图的样子.
谢谢啦,各位大哥!
...全文
197
8
打赏
收藏
关于地图如何加亮闪烁
如何把一张地图分成n个小区域(比如n=4,简单化), 当鼠标出现在某个区域时,该区域加亮显示,同时闪烁, 当鼠标离开该区域时,该区域恢复原来地图的样子. 谢谢啦,各位大哥!
复制链接
扫一扫
分享
转发到动态
举报
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
JS基于高德
地图
定位城市
闪烁
特效
JS基于高德
地图
定位城市
闪烁
特效是一款基于高德api
地图
的点位
闪烁
效果,利用canvas自定义图层实现
闪烁
效果。
关于点,线,面
闪烁
的程序 Arcgis
点,线,面
闪烁
的程序代码, Arcgis AE/Ao开发相当有帮助的一个资源 建议GIS学员浏览
arcengine实现属性查询,查询结果
闪烁
居中并高亮显示
代码经我调试运行可行,目前没有出现bug,也希望大家提出修正意见。 代码主要实现了自己设置查询语句,查询结果在
地图
上
闪烁
,居中显示并且高亮
纯CSS3
地图
位置坐标点缩放
闪烁
动画特效.zip
纯CSS3
地图
位置坐标点缩放
闪烁
动画特效.zip
ArcGis_
闪烁
(线、面、点)代码分享
大家在ArcGis开发中经常会遇到对面、点、线的高亮
闪烁
的需求,这里帮你开拓了思路并赋予了相关源代码,代码仅供参考和学习!
JavaScript
87,996
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章