社区
JavaScript
帖子详情
关于地图如何加亮闪烁
yaoshi
2002-10-19 08:18:39
如何把一张地图分成n个小区域(比如n=4,简单化),
当鼠标出现在某个区域时,该区域加亮显示,同时闪烁,
当鼠标离开该区域时,该区域恢复原来地图的样子.
谢谢啦,各位大哥!
...全文
196
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基于高德
地图
定位城市
闪烁
特效
在JavaScript(JS)开发中,有时我们希望在
地图
应用中添加一些吸引用户的视觉效果,比如城市定位
闪烁
特效。本文将详细讲解如何利用高德
地图
API和HTML5的Canvas技术实现这一功能。 首先,高德
地图
API是高德
地图
提供...
关于点,线,面
闪烁
的程序 Arcgis
在
地图
动画中,让这些元素
闪烁
可以模拟动态事件,如交通流动、火灾扩散等。 ArcGIS的AE和Ao开发环境为程序员提供了API接口,可以通过编程实现
闪烁
效果。这通常涉及以下几个步骤: 1. **数据获取**:首先,你需要...
arcengine实现属性查询,查询结果
闪烁
居中并高亮显示
本示例着重讲解如何利用ArcEngine API来实现这一功能,并且使查询结果在
地图
上以
闪烁
、居中及高亮的方式展示,提升用户体验。 首先,我们需要理解ArcEngine中的属性查询机制。属性查询通常是基于图层的数据源,通过...
纯CSS3
地图
位置坐标点缩放
闪烁
动画特效.zip
【标题】中的“纯CSS3
地图
位置坐标点缩放
闪烁
动画特效”指的是使用CSS3技术实现的一种
地图
上的特定效果,这种效果通常用于突出显示
地图
上的某个地理位置或兴趣点。CSS3是层叠样式表(Cascading Style Sheets)的第三...
ArcGis_
闪烁
(线、面、点)代码分享
- **选择要
闪烁
的对象**:根据需求,选择
地图
上的点、线或面要素。 - **设置初始样式**:为对象设置一个基础样式,例如颜色、线宽、填充样式等。 - **创建动画循环**:使用定时器或帧动画,周期性地改变对象...
JavaScript
87,996
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章