bodymovin实现一个拳击比赛动画效果代码
代码语言:html
所属分类:动画
代码描述:bodymovin实现一个拳击比赛动画效果代码,点击左右两个人发起拳击攻击。
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/modernizr.2.8.3.js"></script> <style> body, html { margin: 0; width: 100%; height: 100%; background-color: #435B8A; overflow: hidden; } #bm_animation { width: 100%; overflow: hidden; } #click_l { position: absolute; top: 0; left: 0; width: 50%; height: 100%; cursor: pointer; background-color: rgba(255, 255, 255, 0); } #click_r { position: absolute; top: 0; right: 0; width: 50%; height: 100%; cursor: pointer; background-color: rgba(255, 255, 255, 0); } </style> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script> </head> <body> <div id="bm_animation"> <div id="click_r"></div> <div id="click_l"></div> </div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bodymovin.js"></script> <script> var container = document.getElementById('bm_animation'); var animData = { co.........完整代码请登录后点击上方下载按钮下载查看
网友评论0