头像

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

来源:http://www.sucaihuo.com/js/3800 素材火管理员 2018-07-10 11:50浏览(157) 收藏

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

程序员,你不是一个人;网站开发QQ群:436471830,在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 3

手机扫码访问:

下载资源 下载积分: 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>
评论6
头像

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

  • 头像 5楼
    07-12 08:54
    似***识
    正好有个需求需要这个 很好
  • 头像 4楼
    07-12 08:48
    宝***志
    好厉害的效果,赞一个
  • 头像 3楼
    07-11 11:01
    AJ***on
    很不错,最近刚好想做这一块的,谢谢!
  • 头像 板凳
    07-11 10:14
    风***痕
    需要用个地图插件
  • 头像 椅子
    07-11 08:44
    x-***in
    可以的 这效果
  • 头像 沙发
    07-11 08:27
    en***37
    特效不错啊。。。
1 2