大神们，大婶们！如百度地图那样，点击一个标签(现在假设是A标签)弹出一个层显示信息。

Question

我在项目里面有一个地图.jpg，
然后用<H1 class=mapl style="MARGIN: 110px 0px 0px 465px"><A href="#">北京 </A></H1>定位了全国的省会城市。
现在我想点击一个城市，弹出一个层可以显示信息。
效果跟百度地图差不多，但是不用百度API做。
因为公司有全国各地的资源，只需要拿到城市名，然后进行查询就行。我现在是苦于无法弹出这个层，无法把它跟那些城市标签定位到一起。
求大神们支招！

Answer 1

<H1 class=mapl style="MARGIN: 110px 0px 0px 465px"><A href="#" onclick="showDiv(2);return false">北京 </A></H1>定showDiv里面 ajax读取信息，并显示

Answer 2

http://ufo-crackerx.blog.163.com/blog/static/113078778201221611757968/

Answer 3

我现在是用的ajax将内容显示在地图旁边的一个div里面，
但是我想做成百度那样的，在哪里点击的标签，就在哪里弹出层。

Answer 4

代码控制div显示位置就OK了,一般为相对位置.

Answer 5

当弹出或显示DIV的时候，要求的那个效果是可以出现。
但是你有没有想过，其它根据像素定位的城市名的位置会发生什么样的变化？
因为插入了一个div，下面的样式全部都乱了。

Answer 6

http://ufo-crackerx.blog.163.com/blog/static/113078778201221611757968/

Answer 7

收费？
我勒个去，那我还不如用百度API。

Answer 8

事件你自己指定就行了 我用的是onmouseover 

Answer 9

找下jquery插件 很多这样效果的

Answer 10

页面代码里添加<script type="text/javascript">
var imagesDir="/images/";
        </script>        <script src="js/wz_tooltip.js" type="text/javascript"></script>        <script src="js/tip_balloon.js" type="text/javascript"></script>
<li onmouseout="UnTip()" onmouseover="showToolTip('prd_<%#Eval("id") %>')">
                                                        <a href="javascript:void(0)">
                                                        <img alt="" src="<%#Eval("Thumbnail") %>" width="160" height="98"/></a>
                                                        <div style="margin-top:5px;">
                                                            <a style="padding-left: 0px; padding-top: 0px; padding-right: 15px;" class="tit" href="javascript:void(0)"><%#Eval("productName") %></a> <a class="con" href="javascript:void(0)"><%#Common.CutString(Eval("content").ToString(),46,true,true)%></a>
                                                            <div id="prd_<%#Eval("id") %>" style="display: none;">
                                                                <p class="tooltipp">
                                                                    <%#Common.CleanFormat(Eval("content").ToString(),true) %></p>
                                                            </div>
                                                        </div>
                                                    </li>
相关JS和图片需要时发你

Answer 11

页面添加
<script type="text/javascript">
var imagesDir="/images/";
        </script>        <script src="js/wz_tooltip.js" type="text/javascript"></script>        <script src="js/tip_balloon.js" type="text/javascript"></script>
<li onmouseout="UnTip()" onmouseover="showToolTip('prd_<%#Eval("id") %>')">
                                                        <a href="javascript:void(0)">
                                                        <img alt="" src="<%#Eval("Thumbnail") %>" width="160" height="98"/></a>
                                                        <div style="margin-top:5px;">
                                                            <a style="padding-left: 0px; padding-top: 0px; padding-right: 15px;" class="tit" href="javascript:void(0)"><%#Eval("productName") %></a> <a class="con" href="javascript:void(0)"><%#Common.CutString(Eval("content").ToString(),46,true,true)%></a>
                                                            <div id="prd_<%#Eval("id") %>" style="display: none;">
                                                                <p class="tooltipp">
                                                                    <%#Common.CleanFormat(Eval("content").ToString(),true) %></p>
                                                            </div>
                                                        </div>
                                                    </li>
JS和相关图片需要时发你

Answer 12

我需要看看UnTip()和showToolTip()这两个js方法。

Answer 13

这个都是JS内的 还有其他关联JS方法 你不会让我把JS拷出来吧

Answer 14

 貌似也就是个效果问题 前提不调用API是不可能的  自己公司资料再多 
 能有百度的多？ 最多把百度的拿出来修改下
 动态获取  webconfig可以设置坐标区域 也可以通过数据库 
 弹层效果 JS JQ都能实现
 

Answer 15

你这也就是隐藏了一个DIV，然后鼠标放到一个img上面触发一个js方法将div显示出来嘛！
我在7楼说的挺明白了，这样div的插入会打乱样式的。

Answer 16

从网上找一个鼠标提示的代码，我现在没有现成的，网上很多，单击的时候调用AJAX读取内容就可以了，
如果不想跟鼠标的话可以在单击的时候获取鼠标所在的X和Y的值，新建一个层绝对定位到这个点上并调用JS显不其内容。如果内容不多的话可以先将内容下载下来。

Answer 17

自己反編譯一下，改掉引用和改掉被引用的dll就可以了