jQuery实现鼠标经过提示信息的地图热点效果_jquery
程序员文章站
2022-04-25 10:03:14
...
jQuery实现鼠标经过提示信息的地图热点效果
");
preview = jq("#preview_container");
}
preview.css({
"display":"none",
"position":"absolute",
"width":"150px",
"word-break":"break-all"
});
return this.each(function() {
var _this = jq(this);
_this.hover(
function(e){
preview.html(strHTML);
preview
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.css("opaticy",0)
.show()
.stop()
.animate({"opacity":0.9},300);
},function(){
preview
.stop()
.animate({"opacity":0},300,function(){
jq(this).hide();
});
}
)
_this.mousemove(function(e){
preview
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
});
}
});
jq("#beijing").TitleShow("
地图热点效果-鼠标经过弹出提示信息
北京地图热点效果-这里是测试换行效果-这里是测试换行效果
");
jq("#tianjin").TitleShow("天津地图热点效果2
");
jq("#shanghai").TitleShow("上海地图热点效果3
");
jq("#chongqing").TitleShow("重庆地图热点效果4
");
jq("#hebei").TitleShow("河北地图热点效果5
");
jq("#shanxi").TitleShow("山西地图热点效果6
");
jq("#neimenggu").TitleShow("内蒙古地图热点效果7
");
jq("#liaoning").TitleShow("地图热点效果8
");
jq("#jilin").TitleShow("地图热点效果9
");
jq("#heilongjiang").TitleShow("黑龙江地图热点效果10
");
jq("#jiangsu").TitleShow("地图热点效果11
");
jq("#zhejiang").TitleShow("地图热点效果12
");
jq("#anhui").TitleShow("地图热点效果13
");
jq("#fujian").TitleShow("地图热点效果14
");
jq("#jiangxi").TitleShow("地图热点效果15
");
jq("#shandong").TitleShow("山东地图热点效果16
");
jq("#henan").TitleShow("河南地图热点效果17
");
jq("#hubei").TitleShow("湖北地图热点效果18
");
jq("#hunan").TitleShow("地图热点效果l9
");
jq("#guangdong").TitleShow("地图热点效果20e
");
jq("#guangxi").TitleShow("地图热点效果21
");
jq("#hainan").TitleShow("地图热点效果22
");
jq("#sichuan").TitleShow("地图热点效果23
");
jq("#guizhou").TitleShow("地图热点效果24
");
jq("#yunnan").TitleShow("地图热点效果25
");
jq("#shaanxi").TitleShow("地图热点效果26
");
jq("#gansu").TitleShow("地图热点效果27
");
jq("#qinghai").TitleShow("地图热点效果28
");
jq("#ningxia").TitleShow("宁夏地图热点效果29
");
jq("#*").TitleShow("*地图热点效果30
");
jq("#xizang").TitleShow("地图热点效果31
");
jq("#xianggang").TitleShow("香港地图热点效果32
");
jq("#aomen").TitleShow("地图热点效果33
");
jq("#*").TitleShow("地图热点效果34
");
});