添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

CSS3响应式世界地图热点击动画显示详情

时间:2016-05-22      来源:互联网     
特效说明:
一款纯CSS3实现世界地图热点击动画显示详情特效,点击标注点即可在页面上弹出一个文字提示框,用来说明该标注点在地图上的详细信息,如果你需要有一款带标注功能的地图应用,那么这款CSS3地图插件可以满足你。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

2、调用JS插件代码:
<script src="js/modernizr.js"></script>
<script src='js/angular.js'></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • 一款基于echarts制作的中国线性动画地图特效

    一款基于echarts制作的中国线性动画地图特效

    一款基于echarts制作的中国线性动画地图特效,可以在网页制作中实现总公司到分公司业务展示、物流、路线等网页设计内容。……
    2018-04-04
  • jQuery+SVGMap制作中国地图

    jQuery+SVGMap制作中国地图

    一款jQuery+SVGMap制作中国地图,响应式网站自适应中国地图插件。兼容性高,带有鼠标滑过动画以及弹出框信息展示。……
    2018-04-04
  • 基于Raphael.js的svg多功能地图插件

    基于Raphael.js的svg多功能地图插件

    一款基于Raphael.js的svg多功能地图插件网页特效免费下载,该特效代码基于Raphael的svg地图组件,可以兼容ie6+现代浏览器,在api的设置上比较简单,目的就是要做一款比较小巧的组件,同……
    2015-01-16
  • 鼠标滑过弹出层显示具体国家世界地图特效

    鼠标滑过弹出层显示具体国家世界地图特效

    一款jQuery鼠标滑过弹出层显示具体国家世界地图特效,国外网站建设、投资移民、国外旅游地图网页特效,完美兼容IE6浏览器。……
    2014-05-08

最新更新特效

设计分享