<div class="mainBall" id="mainBall"></div>
<script src="https://s.ssl.qhres.com/static/75297fe8ff039d1c/jquery-1.12.4.min.js"></script> <!--    <script src="resource/js/swiper.min.js"></script> -->
<script src="https://s.ssl.qhres.com/static/38bd60024663febe/idangerous.swiper2.7.6.min.js"></script>
<script src="https://s.ssl.qhres.com/static/a14a42d7d426087f/bodymovin.js"></script>
<script>function IEVersion(){var e=navigator.userAgent,t=e.indexOf("compatible")>-1&&e.indexOf("MSIE")>-1,n=e.indexOf("Edge")>-1&&!t,r=e.indexOf("Trident")>-1&&e.indexOf("rv:11.0")>-1;if(t){var i=new RegExp("MSIE (\\d+\\.\\d+);");i.test(e);var s=parseFloat(RegExp.$1);return s==7?7:s==8?8:s==9?9:s==10?10:6}return n?"edge":r?11:-1}function isMacintosh(){var e=explorer.indexOf("Firefox")>=0,t=explorer.indexOf("Maxthon")>=0,n=explorer.indexOf("Safari")>=0;return navigator.platform.indexOf("Mac")>-1&&(e||t||n)}function mediaScreen(){var e=$(window).width(),t=$(window).height();e<1445||t<730?($(".text_b").hide(),$(".text_s").show(),$("html").addClass("s1366"),$(".big").hide(),$(".small").show()):($(".text_b").show(),$(".text_s").hide(),$("html").removeClass("s1366"),$(".big").show(),$(".small").hide())}var explorer=window.navigator.userAgent;IEVersion()>-1&&IEVersion()<8||isMacintosh()?($(".no_animation").show(),$(".indexPage").hide(),$(".swiper-container").hide()):($(".no_animation").hide(),$(".indexPage").show(),$(".swiper-container").show()),mediaScreen(),$(window).on("resize",mediaScreen)</script>
<script src="https://s.ssl.qhres.com/static/fe00c04a15c394b1/swiper.min.js"></script>
<script src="https://s.ssl.qhres.com/static/a14a42d7d426087f/bodymovin.js"></script>
<script>function s3(){is3=!0,bodymovin.loadAnimation({path:"https://s0.ssl.qhres.com/static/e875448b3479429c.json",loop:!0,autoplay:!0,renderer:"canvas",container:document.getElementById("star3")})}var isMac=/Macintosh.* Mac OS X.*/i.test(navigator.userAgent),force=location.search.indexOf("force")>-1,fromOrigin=document.referrer.indexOf("//browser.360.cn/")>-1;isMac&&!fromOrigin&&(location.href="https://browser.360.cn/ee/mac/index.html");var tp_animation,prevs=!0,indexNow="",is2=!1,is3=!1;window.swiper=new Swiper(".swiper-container",{direction:"vertical",allowTouchMove:!0,preventClicks:!0,mousewheel:!0,speed:800,pagination:{el:".swiper-pagination",clickable:!0},on:{slideChangeTransitionStart:function(){var e,t;this.activeIndex==1&&!is3&&s3(),this.activeIndex!=0?$(".indexPage").removeClass("indexMoveDown").addClass("indexMoveUp"):$(".indexPage").removeClass("indexMoveUp").addClass("indexMoveDown"),this.activeIndex==1?(clearTimeout(e),$(".starPiece").addClass("starPieceShow")):e=setTimeout(function(){$(".starPiece").removeClass("starPieceShow")},500),this.activeIndex==2?($(".big .right3").addClass("lr_right3"),$(".big .left3").addClass("lr_left3"),$(".small .right3").addClass("s_lr_right3"),$(".small .left3").addClass("s_lr_left3"),tp_animation=setTimeout(function(){$(".big .right3").addClass("tb_right3"),$(".big .left3").addClass("tb_left3"),$(".small .right3").addClass("s_tb_right3"),$(".small .left3").addClass("s_tb_left3")},3500)):(clearTimeout(tp_animation),tp_animation="",t=setTimeout(function(){$(".big .right3").removeClass("tb_right3").removeClass("lr_right3"),$(".big .left3").removeClass("tb_left3").removeClass("lr_left3"),$(".small .right3").removeClass("s_tb_right3").removeClass("s_lr_right3"),$(".small .left3").removeClass("s_tb_left3").removeClass("s_lr_left3")},500))},slideChangeTransitionEnd:function(){indexNow=this.activeIndex,prevs=!0}}}),window.chrome&&$("html").addClass("chrome");var agent=navigator.userAgent;/.*Firefox.*/.test(agent)?document.addEventListener("DOMMouseScroll",function(e){e=e||window.event;var t=e.detail;t>0?prevs&&indexNow!=2&&(window.swiper.slideNext(),prevs=!1):prevs&&indexNow!=0&&(window.swiper.slidePrev(),prevs=!1)}):document.onmousewheel=function(e){e=e||window.event;var t=e.wheelDelta;t>0?prevs&&indexNow!=0&&(window.swiper.slidePrev(),prevs=!1):prevs&&indexNow!=2&&(window.swiper.slideNext(),prevs=!1)},bodymovin.loadAnimation({path:"https://s0.ssl.qhres.com/static/6a1247c52193a919.json",loop:!0,autoplay:!0,renderer:"canvas",container:document.getElementById("mainBall")}),bodymovin.loadAnimation({path:"https://s0.ssl.qhres.com/static/d912fc584fb14ee9.json",loop:!0,autoplay:!0,renderer:"canvas",container:document.getElementById("star2")})</script>

    <script>function s3(){is3=!0,bodymovin.loadAnimation({path:"https://s0.ssl.qhres.com/static/e875448b3479429c.json",loop:!0,autoplay:!0,renderer:"canvas",container:document.getElementById("star3")})}var isMac=/Macintosh.* Mac OS X.*/i.test(navigator.userAgent),force=location.search.indexOf("force")>-1,fromOrigin=document.referrer.indexOf("//browser.360.cn/")>-1;isMac&&!fromOrigin&&(location.href="https://browser.360.cn/ee/mac/index.html");var tp_animation,prevs=!0,indexNow="",is2=!1,is3=!1;window.swiper=new Swiper(".swiper-container",{direction:"vertical",allowTouchMove:!0,preventClicks:!0,mousewheel:!0,speed:800,pagination:{el:".swiper-pagination",clickable:!0},on:{slideChangeTransitionStart:function(){var e,t;this.activeIndex==1&&!is3&&s3(),this.activeIndex!=0?$(".indexPage").removeClass("indexMoveDown").addClass("indexMoveUp"):$(".indexPage").removeClass("indexMoveUp").addClass("indexMoveDown"),this.activeIndex==1?(clearTimeout(e),$(".starPiece").addClass("starPieceShow")):e=setTimeout(function(){$(".starPiece").removeClass("starPieceShow")},500),this.activeIndex==2?($(".big .right3").addClass("lr_right3"),$(".big .left3").addClass("lr_left3"),$(".small .right3").addClass("s_lr_right3"),$(".small .left3").addClass("s_lr_left3"),tp_animation=setTimeout(function(){$(".big .right3").addClass("tb_right3"),$(".big .left3").addClass("tb_left3"),$(".small .right3").addClass("s_tb_right3"),$(".small .left3").addClass("s_tb_left3")},3500)):(clearTimeout(tp_animation),tp_animation="",t=setTimeout(function(){$(".big .right3").removeClass("tb_right3").removeClass("lr_right3"),$(".big .left3").removeClass("tb_left3").removeClass("lr_left3"),$(".small .right3").removeClass("s_tb_right3").removeClass("s_lr_right3"),$(".small .left3").removeClass("s_tb_left3").removeClass("s_lr_left3")},500))},slideChangeTransitionEnd:function(){indexNow=this.activeIndex,prevs=!0}}}),window.chrome&&$("html").addClass("chrome");var agent=navigator.userAgent;/.*Firefox.*/.test(agent)?document.addEventListener("DOMMouseScroll",function(e){e=e||window.event;var t=e.detail;t>0?prevs&&indexNow!=2&&(window.swiper.slideNext(),prevs=!1):prevs&&indexNow!=0&&(window.swiper.slidePrev(),prevs=!1)}):document.onmousewheel=function(e){e=e||window.event;var t=e.wheelDelta;t>0?prevs&&indexNow!=0&&(window.swiper.slidePrev(),prevs=!1):prevs&&indexNow!=2&&(window.swiper.slideNext(),prevs=!1)},bodymovin.loadAnimation({path:"https://s0.ssl.qhres.com/static/6a1247c52193a919.json",loop:!0,autoplay:!0,renderer:"canvas",container:document.getElementById("mainBall")}),bodymovin.loadAnimation({path:"https://s0.ssl.qhres.com/static/d912fc584fb14ee9.json",loop:!0,autoplay:!0,renderer:"canvas",container:document.getElementById("star2")})</script>
这个效果是用以上脚本，通过调用https://s0.ssl.qhres.com/static/6a1247c52193a919.json，实现7张图的动画
是用java实现的

holley2008 发表于 2019-8-16 07:55
猥琐一点
https://c-t.work/s/e794082eb62a42

还有低配高配之分？没感觉到不同啊？

<canvas width="1625" height="788.75" style="width: 100%; height: 100%; transform-origin: 0px 0px 0px;"></canvas>

不会下载 可以用笨方法
用浏览器的去广告插件 uBlock Origin 之类的 有屏蔽元素的功能  把前面挡住的文字 下载按钮等跟动画无关的 屏蔽  然后用录屏工具录下来

holley2008 发表于 2019-8-16 07:55
猥琐一点
https://c-t.work/s/e794082eb62a42

处处有大神！！

做的不好，这个球应该是不动的，而它有上下浮动。

猥琐一点
https://c-t.work/s/e794082eb62a42

下载下来没有代码支持也没用。

已找到这个动图的源码，但是我不会下载