无忧启动论坛

 找回密码
 注册
搜索
系统gho:最纯净好用系统下载站投放广告、加入VIP会员,请联系 微信:wuyouceo
查看: 6421|回复: 12
打印 上一主题 下一主题

[求助] 求 好心人 帮忙下载 这个 动图

[复制链接]
跳转到指定楼层
#
发表于 2019-8-15 20:36:49 | 只看该作者 |只看大图 回帖奖励 |正序浏览 |阅读模式
100无忧币
本帖最后由 qq2348227 于 2019-8-15 20:38 编辑

注意是 动图

如果是 及时生成的,教我 怎么贴这个动图 也行

地址是这个:https://browser.360.cn/ee/

感觉比我这个要拉风:http://bbs.wuyou.net/forum.php?mod=viewthread&tid=415795

8楼




下载 (1).png (1.31 MB, 下载次数: 189)

下载 (1).png

666.jpg (229.31 KB, 下载次数: 218)

666.jpg
12#
 楼主| 发表于 2019-8-16 23:14:36 | 只看该作者
<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>


回复

使用道具 举报

11#
发表于 2019-8-16 18:41:02 | 只看该作者
本帖最后由 hszgb 于 2019-8-16 18:44 编辑

    <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实现的
回复

使用道具 举报

10#
发表于 2019-8-16 12:23:57 | 只看该作者
holley2008 发表于 2019-8-16 07:55
猥琐一点
https://c-t.work/s/e794082eb62a42

还有低配高配之分?没感觉到不同啊?
回复

使用道具 举报

9#
 楼主| 发表于 2019-8-16 10:48:45 | 只看该作者
<canvas width="1625" height="788.75" style="width: 100%; height: 100%; transform-origin: 0px 0px 0px;"></canvas>
回复

使用道具 举报

8#
 楼主| 发表于 2019-8-16 10:10:38 | 只看该作者
回复

使用道具 举报

7#
 楼主| 发表于 2019-8-16 10:09:38 | 只看该作者
回复

使用道具 举报

6#
发表于 2019-8-16 09:40:52 | 只看该作者
不会下载 可以用笨方法
用浏览器的去广告插件 uBlock Origin 之类的 有屏蔽元素的功能  把前面挡住的文字 下载按钮等跟动画无关的 屏蔽  然后用录屏工具录下来
回复

使用道具 举报

5#
发表于 2019-8-16 08:46:00 | 只看该作者
holley2008 发表于 2019-8-16 07:55
猥琐一点
https://c-t.work/s/e794082eb62a42



处处有大神!!
回复

使用道具 举报

4#
发表于 2019-8-16 08:00:50 来自手机 | 只看该作者
做的不好,这个球应该是不动的,而它有上下浮动。
回复

使用道具 举报

3#
发表于 2019-8-16 07:55:09 | 只看该作者

点评

还有低配高配之分?没感觉到不同啊?  详情 回复 发表于 2019-8-16 12:23
处处有大神!!  详情 回复 发表于 2019-8-16 08:46

评分

参与人数 1无忧币 +5 收起 理由
qq2348227 + 5 8错,可是你这个是低配版~

查看全部评分

回复

使用道具 举报

2#
发表于 2019-8-15 21:52:50 | 只看该作者
本帖最后由 窄口牛 于 2019-8-15 21:55 编辑

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

QQ拼音截图20190815215037.png (380.01 KB, 下载次数: 182)

QQ拼音截图20190815215037.png
回复

使用道具 举报

1#
发表于 2019-8-15 21:04:36 | 只看该作者


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

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|Archiver|捐助支持|无忧启动 ( 闽ICP备05002490号-1 )

闽公网安备 35020302032614号

GMT+8, 2025-2-6 04:42

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表