欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery实现鼠标经过弹出提示信息的地图热点效果_jquery

程序员文章站 2022-05-15 08:01:18
...
本文实例讲述了jQuery实现鼠标经过弹出提示信息的地图热点效果。分享给大家供大家参考。具体如下:

这里的jQuery鼠标经过弹出提示信息地图热点效果,很多网站上有用到,送给大家,对作者表示感谢。

运行效果截图如下:

jQuery实现鼠标经过弹出提示信息的地图热点效果_jquery

具体代码如下:




jQuery地图热点效果-鼠标经过弹出提示信息
"; $("body").append(dom); $(".name").text(name); $(".num").text(index_num) $(".mapDiv").css({ top: (e.pageY + $y)+"px", left: (e.pageX + $x)+"px" }).show("fast"); }).mouseout(function(){ $(".mapDiv").remove(); }).mousemove(function(e){ $(".mapDiv").css({ top: (e.pageY + $y)+"px", left: (e.pageX + $x)+"px" }) }); }); })
jQuery实现鼠标经过弹出提示信息的地图热点效果_jquery北京 上海 天津 重庆 河北 山西 内蒙古 辽宁 吉林 黑龙江 江苏 浙江 安徽 福建 江西 山东 河南 湖北 湖南 广东 广西 海南 四川 贵州 云南 陕西 甘肃 青海 宁夏 * * 香港 澳门 *