html5 SVG鼠标悬停世界地图区域地区提示框代码,当鼠标指针停在地图某个地区时,显示该地区的名称和文字简介。
js代码
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.jclock.js"></script>
<script type="text/javascript">
// $("#BD").tooltip({
// 'container': 'body',
// 'placement': 'bottom',
// 'title': 'Bangladesh'
// }); // this works!
$(document).ready(function(){
$(".country").hover(function(){
var gmt_country = $(this).attr("id");
// alert(gmt_country);
var options = {
format:'<span class=\"dt\">%A, %d %B %I:%M:%S %P</span>',
timeNotation: '12h',
am_pm: true,
utc:true,
utc_offset: gmt_country
};
$('.jclock').jclock(options);
var country_time = $(".jclock").text();
// alert(country_time);
$(this).attr("data-content", country_time);
});
$('[data-toggle="popover"]').popover({ trigger: "hover" });
});
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791