html5 SVG鼠标悬停世界地图区域地区提示框代码

来源:https://www.sucaihuo.com/js/3800.html 2018-07-10 11:50浏览(1776) 收藏

html5 SVG鼠标悬停世界地图区域地区提示框代码,当鼠标指针停在地图某个地区时,显示该地区的名称和文字简介。
html5 SVG鼠标悬停世界地图区域地区提示框代码
分类:统计图 > 地图 难易:中级
查看演示 下载资源 下载积分: 20 积分

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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2