注册 登录 充值会员 退出
毕业设计 PHP源码
充值

html5 svg圆形世界地图热点动画展示特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-03-10
html5 svg圆形世界地图热点动画展示特效
一款带有线性环绕动画效果的html5 svg圆形世界地图热点动画展示特效。


js代码

<script type="text/javascript" src="js/bodymovin.min.js"></script>
<script type="text/javascript">
var select = function(s) {
    return document.querySelector(s);
  },
  selectAll = function(s) {
    return document.querySelectorAll(s);
  }, 
  animationWindow = select('#animationWindow'),    
    animData = {
		wrapper: animationWindow,
		animType: 'svg',
		loop: true,
		prerender: true,
		autoplay: true,
		path: 'world.json' 
	}, anim;

	anim = bodymovin.loadAnimation(animData);
 //anim.addEventListener('DOMLoaded', onDOMLoaded);
 anim.setSpeed(1.4);
</script>