添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 弹出层 | 滚动条 >

基于Raphael.js+SVG制作的中国地图

时间:2015-11-10      来源:互联网     
特效说明:
一款基于Raphael.js的svg多功能地图插件网页特效免费下载,该特效代码基于Raphael的svg地图组件,可以兼容ie6+现代浏览器,在 api的设置上比较简单,目的就是要做一款比较小巧的组件,同时又能满足基本的地图展示需求,在加载速度和性能上都不比Canvas地图差。 所以广泛适用于基本的地图数据展示页面。(兼容测试:IE8及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用JS插件代码:
<script type="text/javascript" src="js/lib/jquery.js"></script>
<script type="text/javascript" src="js/lib/raphael-min.js"></script>
<script type="text/javascript" src="js/res/chinaMapConfig.js"></script>
<script type="text/javascript" src="js/res/worldMapConfig.js"></script>
<script type="text/javascript" src="js/map.js"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • jQuery中国地图网点查看地图弹出层特效

    jQuery中国地图网点查看地图弹出层特效

    一款jQuery中国地图网点查看地图弹出层特效下载,该JS特效代码是一款简单实用的jQuery地图特效,主要应用了jquery和css定为属性实现了中图地图,提示层效果。……
    2015-08-03
  • 基于Raphael.js的svg多功能地图插件

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

    一款基于Raphael.js的svg多功能地图插件网页特效免费下载,该特效代码基于Raphael的svg地图组件,可以兼容ie6+现代浏览器,在api的设置上比较简单,目的就是要做一款比较小巧的组件,同……
    2015-01-16
  • 纯CSS制作鼠标划过变色中国地图网页特效

    纯CSS制作鼠标划过变色中国地图网页特效

    一款纯CSS制作鼠标划过变色中国地图网页特效,无JS代码也可以做出绚丽的地图划过变色效果,一款兼容性不错的地图展示特效,各地区域可以加连接。……
    2013-11-24



最新更新特效

设计分享