要实现这样一个功能:图片为一张北京地图,用户移动鼠标到"海淀区"时,"海淀区"所在区域凸起。给点思路。

解决方案 »

  1.   

    北京地图是一张图片,设置多边形热区域,当发生onmouseover事件时,在对应位置显示另一张图片(海淀区),产生凸起的效果。
      

  2.   

    以前写过一个小例子。<html>
    <head>
    <title>测试jquery</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#navlist').css({ 'display': 'inline', 'list-style': 'none' });
                $('#navlist > li').css({ 'float': 'left', 'width': '60px', 'height': '60px' });
                function SetA() {
                    $('#navlist > li > a').css({ 'width': '50px', 'height': '50px', 'padding': '5px', 'display': 'block', 'color': '#fff', 'text-decoration': 'none',
                        'font-size': '8.5pt', 'line-height': '50px', 'text-align': 'center', 'border-right': '1px solid #fff', 'border-left': '1px solid #fff',
                        'border-top': '5px solid #fff', 'border-bottom': '5px solid #fff', 'background': '#003663'
                    });
                }
                SetA();
                $('#navlist > li > a').hover(function () {
                    $(this).css({ 'font-size': '10.5pt', 'border-top': '5px solid #004a80',
                        'border-bottom': '5px solid #004a80', 'background': '#004a80', 'font-weight': 'bold'
                    })
                }, SetA);
            });
        </script>
    </head>
    <body>
        <ul id="navlist">
            <li><a href="#">One</a></li>
            <li><a href="#">Two</a></li>
            <li><a href="#">Three</a></li>
            <li><a href="#">Four</a></li>
            <li><a href="#">Five</a></li>
            <li><a href="#">Six</a></li>
        </ul>
    </body>
    </html>
    当然,这类问题在html、javascript论坛问会更好。
      

  3.   

    以前现写的,比较乱,其实这个demo明显有浪费cpu时间之嫌。
      

  4.   


    图片里边的“海淀区”?哦,那么还是要一点GIS知识的。我上面贴的不适合。
      

  5.   

    明白你的意思了 让美工切一个GIS就OK了 就象地图一样 一点就显示出来
      

  6.   

    这种问题用js太蛋疼了,一个flash几分钟 轻松搞定...
      

  7.   

    flash可能不行,要的是一个动态的效果:怪我一开始没有说清楚:要实现这样一个功能:图片为一张北京地图,数据库里记载公司的客户分布,统计出公司的客户分布在各个区有多少家,将结果显示在各个区所在位置,并且,各区客户多少还要通过红色的深浅来区分,客户越多,所在区颜色越深。另外,用户移动鼠标到"海淀区"时,"海淀区"所在区域凸起。