首頁 >web前端 >js教程 >Jquery中國地圖熱點效果-滑鼠經過彈出提示圖層資訊的簡單實例_jquery

Jquery中國地圖熱點效果-滑鼠經過彈出提示圖層資訊的簡單實例_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-05-16 17:00:461487瀏覽

如下:

複製程式碼 程式碼如下:




    Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
   
   
   
   
";
                    $("body").append(dom);
                    $(".name").text(name);
                    $(".num").text(index_num)
                    $(".mapDiv").css({
                        left: (x + $x) + "px",
                        top: (y + $y) + "px"

                    }).show();
                }).mouseout(function () {
                    $(".mapDiv").remove();
                }).mousemove(function (e) {
                    $(".mapDiv").css({
                        left: (x + $x) + "px",
                        top: (y + $y) + "px"
                    })
                });
            });
            //first load
            show();
            //random
            setInterval(show, 3000); // 注意函数名没有引号和括弧
        });


        function show() {
            var area = $("area");
            var random = getRandom(area.length);
            $(area[random]).trigger("mouseover");
        }

        function getRandom(n) { return Math.floor(Math.random() * n 1) }
   


   

        Jquery中國地圖熱點效果-滑鼠經過彈出提示圖層資訊的簡單實例_jquery
       
            北京
            上海
            天津
            重庆
            河北
            山西
            内蒙古
            辽宁
            吉林
            黑龙江
            江苏
            浙江
            安徽
            福建
            江西
            山东
            河南
            湖北
            湖南
            广东
            广西
            海南
            四川
            贵州
            云南
陝西
      ="forum.php?gid=27" coords="179,156,205,168" shape="rect">
           
           寧夏
        " href="forum.php?gid=31" coords="87,249,113,261" shape="rect">
            香港
           澳門349,377037,377g; 台灣
       >



陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn