求一js效果

lifelongemail 2011-08-29 11:10:02
就是用百度地图,要求左边是地图,右边是地图的列表,当鼠标滑过右边地图列表第一个酒店的时候,地图上第一个酒店会特殊显示。当鼠标滑过左边地图的时候,右边地图列表上的也会特殊显示。
嗯,就是这个效果。求基本思路,还有实例什么的。先谢谢了~
...全文
172 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
lifelongemail 2011-08-29
  • 打赏
  • 举报
回复
为什么会木有人....
lifelongemail 2011-08-29
  • 打赏
  • 举报
回复
http://hotel.kuxun.cn/beijing-jiudian-daquan-4.html
这种效果
fengyun817 2011-08-29
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 lifelongemail 的回复:]

引用 3 楼 fengyun817 的回复:

这个要自己开发的百度提供了api,具体我没用过。你可以参考官方的api
点击这里查看

我就是看不懂那个..
[/Quote]
这个很简单啊。
我试着写了下:


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>在地图上打开信息窗</title>
<style type="text/css">
#c_1,#c_2,#c_3,#c_4,#c_5{width:200px;border:solid 1px red;margin:1px;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<script type="text/javascript">
function show(obj){
var content = '<b>这是一个测试:'+obj.innerHTML+'</b>';
map.openInfoWindow(new BMap.InfoWindow(content), new BMap.Point(116.404+obj.id.split("_")[1]*0.1, 39.915)); // 打开信息窗口
}
</script>
</head>
<body>
<div style="width:520px;height:340px;border:1px solid gray" id="container"></div>
<div id="c_1" onmouseover="show(this)">提示1</div>
<div id="c_2" onmouseover="show(this)">提示2</div>
<div id="c_3" onmouseover="show(this)">提示3</div>
<div id="c_4" onmouseover="show(this)">提示4</div>
<div id="c_5" onmouseover="show(this)">提示5</div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);
var opts = {
width : 250, // 信息窗口宽度
height: 100, // 信息窗口高度
title : "Hello" // 信息窗口标题
}
var infoWindow = new BMap.InfoWindow("World", opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口


</script>

lifelongemail 2011-08-29
  • 打赏
  • 举报
回复
嗯嗯,等待贴码的高手。
weiying154979554 2011-08-29
  • 打赏
  • 举报
回复
顶一下。。。等待高手
lifelongemail 2011-08-29
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 fengyun817 的回复:]

这个要自己开发的百度提供了api,具体我没用过。你可以参考官方的api
点击这里查看
[/Quote]
我就是看不懂那个..
fengyun817 2011-08-29
  • 打赏
  • 举报
回复
这个要自己开发的百度提供了api,具体我没用过。你可以参考官方的api
点击这里查看
【更新至2025年】2001-2025年上市公司数字化转型年报词频统计(吴非、赵宸宇、甄红线)(300+年报词频统计) 1、时间:2001-2025年 2、来源:上市公司年报 3、参考文献:企业数字化转型与资本市场表现——来自股票流动性的经验证据(吴非) 数字化转型如何影响企业全要素生产率(赵宸宇) 知识产权行政保护与企业数字化转型(甄红线) 4、方法说明:(1)参考吴非老师的做法,对人工智能技术、大数据技术、云计算技术、区块链技术、数字技术运用五个维度76个数字化相关词频进行统计 (2)参考赵宸宇老师的做法,对数字技术应用、互联网商业模式、智能制造、现代信息系统四个维度99个数字化相关词频进行统计 (3)参考甄红线老师的做法,对技术分类、组织赋能、数字化应用等类别下139个数字化相关词频进行统计 5、指标:年份、股票代码、公司简称、行业名称、行业代码、全文-文本总长度、仅中英文-文本总长度、人工智能技术-吴、大数据技术-吴、云计算技术-吴、区块链技术-吴、数字技术运用-吴、数字技术应用-赵、互联网商业模式-赵、智能制造-赵、现代信息系统-赵、技术分类-人工智能技术-甄、技术分类-区块链技术-甄、技术分类-云计算技术-甄、技术分类-大数据技术-甄、组织赋能-人工智能技术-甄、组织赋能-云计算技术-甄、组织赋能-大数据技术-甄、组织赋能-广义数字技术-甄、数字化应用-技术创新-甄、数字化应用-流程创新-甄、数字化应用-业务创新-甄、人工智能、商业智能、图像理解、投资决策辅助系统、智能数据分析、智能机器人、机器学习、深度学习、语义搜索、生物识别技术、人脸识别、语音识别、身份验证、自动驾驶、自然语言处理、大数据、数据挖掘、文本挖掘、数据可视化、异构数据、征信、增强现实、混合现实、虚拟现实、云计算、流计算、图计算、内存计算、多方安全计算、类脑计算、绿色计算、认知计算等300+词频

87,990

社区成员

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

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