动画真好玩（6）：一起来做钢铁侠

发布于：2020-08-13 12:48:32

来源：人人PPT

编辑：人人小编

动画真好玩（6）：一起来做钢铁侠

导读：人人PPT网《动画真好玩》系列更新，不可多得的精品PPT动画教程。本节教程为动画真好玩（6）：一起来做钢铁侠

动画真好玩-1

今天的教程来自一页纸PPT大赛——我的2013一等奖作品，246号@Kenneth__Choi同学的2013回顾。清新灵动的动画设计，简洁大方的排版配色，加上钢铁侠的友情出镜赞助，让@Kenneth__Choi在数百份作品中脱颖而出，

</p> <p>大家一定被钢铁侠给萌到了吧。如此可爱动感的钢铁侠，是怎么做出来的呢？</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12408.jpg" alt="动画真好玩-2"></p> <p>这个场景中一共有三个动画部分。</p> <p>钢铁侠一飞冲天的效果是通过云朵的移动完成的，其实钢铁侠自身是在原地没动，利用相对移动的原理，形成了钢铁侠向上飞的效果。</p> <p>另外两个动画细节部分也是必不可少的，一个是钢铁侠的方舟反应堆脉冲的动态效果，一个是钢铁侠脚下的火焰喷射的效果。这两个亮点，恐怕是大多数人头疼不知怎么做出来的。</p> <p>下面就让我们的教程来一一揭秘吧。</p> <p>首先当然是准备素材。</p> <p>这个超萌的钢铁侠可是@Kenneth__Choi自己画的。很难么？其实回顾前面@小万管家爱学习童鞋的多PPT手绘课程，顿时天边飘来5个字，那都不是事儿！</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12412.jpg" alt="动画真好玩-3"></p> <p>画好钢铁侠的主体以后，点击右键，组合成一个整体。在【开始】-【选择】-【选择窗口】菜单里把组合名称改成“钢铁侠”。</p> <p>下面我们先来搞定钢铁侠的方舟反应堆的脉冲闪烁的效果。</p> <p>在画钢铁侠身体的时候，已经用渐变效果在方舟反应堆的部位做出了这种闪光的效果。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12413.jpg" alt="动画真好玩-4"></p> <p>现在再单独在方舟反应堆部位上添加一个园，用渐变效果做成下面的效果。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12414.jpg" alt="动画真好玩-5"></p> <p>渐变效果可以参考下面的设置，并在选择窗口中改名为方舟。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12415.jpg" alt="动画真好玩-6"></p> <p>下一步打开动画菜单，选中素材“方舟”，添加【强调】-【放大缩小】的动画，并在效果选项中将放大效果设为“较大”，这样，我们就有了一次不错的反应堆的脉冲效果。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12416.jpg" alt="动画真好玩-7"></p> <p>接下来在点击【效果选项】右下角的小箭头，进入详细设置界面。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12417.jpg" alt="动画真好玩-8"></p> <p>在计时的界面下，将期间设为1秒，重复选择“直到幻灯片末尾”</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12418.jpg" alt="动画真好玩-9"></p> <p>这样，钢铁侠的方舟反应堆就会一直闪啊闪啊闪啊闪啊，直到宇宙的终结。</p> <p> </p> <p>搞定了反应堆的动画效果，下面就是火箭喷射的效果了。</p> <p>大家可能已经有了这样的感觉，做好一个逼真的动画，素材的准备工作非常重要。</p> <p>所以，第一步，还是画素材。</p> <p>其实喷射火焰的素材绘制非常简单，如果我们学会灵活运用形状组合的功能的话。</p> <p>用一个椭圆加上几个大小不等的三角形即可组合出喷射火焰的形状。复制两份待用。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12419.jpg" alt="动画真好玩-10"></p> <p>这个喷射动画其实就是不断的抻长然后缩短的状态。还是刚刚的【放大缩小】动画搞定，只是设置上要稍加改动。</p> <p>首先在效果选项中，将放大方向设为垂直，大小设为较大。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12409.jpg" alt="动画真好玩-11"></p> <p>然后进到详细设置菜单，首先在效果中勾选自动翻转，这样抻长的火焰会自动恢复原状。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12410.jpg" alt="动画真好玩-12"></p> <p>接下来将期间设为非常快（0.5秒），重复直到幻灯片末尾，非常酷的钢铁侠脚下的等离子喷射火焰的效果就出来了。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr12411.jpg" alt="动画真好玩-13"></p> <p> </p> <p>然后云朵移动的动画应该非常简单了，用路径动画轻松搞定，别忘了加上重复设置。</p> <p>最后将所有的动画开始方式统一修改为“与上一动画同时”。</p> <p>又萌又酷的钢铁侠一飞冲天，直到宇宙终结的动画就此诞生。</p> <p>怎么样，虽然我们不是斯塔克家族的高帅富，但是我们一样能实现钢铁侠的飞天梦想！</p> <p>关于@Kenneth__Choi童鞋的这个动画短片中，还有哪些动画小技巧你还没有参透，可以在微博上直接向@Kenneth__Choi请教哦。</p> <p>欢迎在原动画的基础上加上你自己的想法和设计，做好的动画作品请转为GIF后在微博上添加#三分钟教程#标签并@油杀臭干 @Kenneth__Choi 和@秋叶，好作品我们必转！</p> <p>阅读原文</p> <p>本文来自秋叶语录的微信公众平台，版权归秋叶语录所有。若网页版不便于你学习，你可以用微信添加秋叶语录关注。</p> <p><span>返回“动画真好玩”教程目录列表</p> </div> <div class="evaluate"> <div class="item"> <img src="/require/images/icon41.png" alt=""> <p>3</p> <span>学到了，666！</span> </div> <div class="item"> <img src="/require/images/icon42.png" alt=""> <p>0</p> <span>一脸懵逼</span> </div> <div class="item"> <img src="/require/images/icon43.png" alt=""> <p>3</p> <span>看傻了，神仙操作</span> </div> <div class="item"> <img src="/require/images/icon44.png" alt=""> <p>3</p> <span>不学我也会！</span> </div> <div class="item"> <img src="/require/images/icon45.png" alt=""> <p>3</p> <span>一派胡言~~~</span> </div> </div> <div class="Page-turning"> <div class="item">上一页：<a href='/jiaocheng/847.html'>5分钟让PPT页面拥有海报范</a></div> <div class="item">下一页：<a href='/jiaocheng/849.html'>人人PPT色彩速成课程（15）：hello，我叫色调</a></div> </div> </div> <div class="relevant-wrap"> <h2>相关PPT教程</h2> <ul class="model3-list"> <li> <a href="/jiaocheng/391.html"> <img alt="华为发布P30，这个PPT设计的细节值得学习！" src="https://www.rrppt.com/uploads/2020/img/rr0164.jpg" /> <div class="title">华为发布P30，这个PPT设计的细节值得学习！</div> <div class="row"> <p>PPT教程</p> <p>2020-06-17 13:39:05</p> </div> </a> </li> <li> <a href="/jiaocheng/748.html"> <img alt="如何制作Low Poly肖像风格人物教程？" src="https://www.rrppt.com/uploads/2020/img/rr0286.jpg" /> <div class="title">如何制作Low Poly肖像风格人物教程？</div> <div class="row"> <p>PPT教程</p> <p>2020-07-22 16:24:03</p> </div> </a> </li> <li> <a href="/jiaocheng/754.html"> <img alt="人人PPT设计小技巧02：PPT选什么颜色看起来会更加舒服？" src="https://www.rrppt.com/uploads/2020/img/rr0632.jpg" /> <div class="title">人人PPT设计小技巧02：PPT选什么颜色看起来会更加舒服？</div> <div class="row"> <p>PPT教程</p> <p>2020-06-11 15:44:22</p> </div> </a> </li> <li> <a href="/jiaocheng/637.html"> <img alt="好看的幻灯片渐变效果教程-君陵的PPT小院杂谈9" src="https://www.rrppt.com/uploads/2020/img/rr0290.jpg" /> <div class="title">好看的幻灯片渐变效果教程-君陵的PPT小院杂谈9</div> <div class="row"> <p>PPT教程</p> <p>2020-06-17 09:02:15</p> </div> </a> </li> <li> <a href="/jiaocheng/549.html"> <img alt="PPT图片如何选择与排版——我懂个P系列教程第一季" src="https://www.rrppt.com/uploads/2020/img/rr0614.jpg" /> <div class="title">PPT图片如何选择与排版——我懂个P系列教程第一季</div> <div class="row"> <p>PPT教程</p> <p>2020-06-14 19:02:42</p> </div> </a> </li> <li> <a href="/jiaocheng/548.html"> <img alt="让PPT图片处理更具创意【精华帖】" src="https://www.rrppt.com/uploads/2020/img/rr0116.jpg" /> <div class="title">让PPT图片处理更具创意【精华帖】</div> <div class="row"> <p>PPT教程</p> <p>2020-06-17 12:56:31</p> </div> </a> </li> </ul> </div> </div> <div class="secondary"> <div class="secondary-tab"> <div class="tab-nav"> <div class="item on">最新PPT教程</div> <div class="item">最热PPT教程</div> </div> <div class="tab-content"> <ul class="on"> <li> <a href="/jiaocheng/977.html"> <img alt="PPT教程超强干货！透明化的PPT玩法！" src="https://www.rrppt.com/uploads/2020/img/rr0557.gif" /> <div class="name">PPT教程超强干货！透明化的PPT玩法！</div> <div class="row"> <p>发布于：2020-12-02 14:08:29</p> <p>浏览量：1285</p> </div> </a> </li> <li> <a href="/jiaocheng/981.html"> <div class="name">制作PPT的字数和字体如何才算适度</div> <div class="row"> <p>发布于：2020-12-02 14:08:22</p> <p>浏览量：1555</p> </div> </a> </li> <li> <a href="/jiaocheng/992.html"> <div class="name">党政风PPT设计，也可以做到这么好！</div> <div class="row"> <p>发布于：2020-12-02 14:08:08</p> <p>浏览量：1903</p> </div> </a> </li> <li> <a href="/jiaocheng/1003.html"> <div class="name">演讲PPT制作：如何准备一场成功的演讲</div> <div class="row"> <p>发布于：2020-12-02 14:07:59</p> <p>浏览量：2649</p> </div> </a> </li> <li> <a href="/jiaocheng/1007.html"> <div class="name">ppt如何制作立体图形 PPT做图示立体图的秘密</div> <div class="row"> <p>发布于：2020-12-02 14:07:49</p> <p>浏览量：1453</p> </div> </a> </li> <li> <a href="/jiaocheng/1009.html"> <div class="name">如何制作科技风的PPT？科技风PPT的制作技巧</div> <div class="row"> <p>发布于：2020-12-02 14:07:39</p> <p>浏览量：1830</p> </div> </a> </li> </ul> <ul> <li> <a href="/jiaocheng/979.html"> <img alt="PPT教程：用PPT制作毛笔水墨效果" src="https://www.rrppt.com/uploads/2020/img/rr0049.jpg" /> <div class="name">PPT教程：用PPT制作毛笔水墨效果</div> <div class="row"> <p>发布于：2020-06-30 14:35:07</p> <p>浏览量：3000</p> </div> </a> </li> <li> <a href="/jiaocheng/663.html"> <div class="name">浇水字制作教程：如何用PPT做出浇水的文字效果</div> <div class="row"> <p>发布于：2020-07-04 15:24:31</p> <p>浏览量：2999</p> </div> </a> </li> <li> <a href="/jiaocheng/991.html"> <div class="name">PPT图文排版技巧，PPT页面线条的使用方法！</div> <div class="row"> <p>发布于：2020-07-06 14:28:42</p> <p>浏览量：2977</p> </div> </a> </li> <li> <a href="/jiaocheng/15.html"> <div class="name">PPT美化教程：页面内容较少的PPT怎么做才不空洞？</div> <div class="row"> <p>发布于：2020-07-08 11:41:14</p> <p>浏览量：2973</p> </div> </a> </li> <li> <a href="/jiaocheng/304.html"> <div class="name">PPT美化教程-培训课件PPT怎么美化？</div> <div class="row"> <p>发布于：2020-07-14 11:50:04</p> <p>浏览量：2972</p> </div> </a> </li> <li> <a href="/jiaocheng/971.html"> <div class="name">如何利用音效为 PPT 增彩 PPT音效设计教学</div> <div class="row"> <p>发布于：2020-06-11 12:25:25</p> <p>浏览量：2959</p> </div> </a> </li> </ul> </div> </div> <div class="secondary-swiper"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="#"> <img alt="电力系统基础知识与电网业务应用" src="https://www.rrppt.com/uploads/15a4acb53b818945183ceeb83ed516e2.jpg" /> <div class="name">电力系统基础知识与电网业务应用</div> <div class="row"> <div class="left"> <p>培训PPT</p> <i></i> <p>45页</p> <i></i> <div class="heat"> <img src="/require/images/icon6.png" alt="浏览量"> <p>1851</p> </div> </div> <div class="icon-row"> <div class="item2 item" data-tips="宽屏宽屏16:9">宽屏16:9</div> <img src="/require/images/icon4.png" alt="PowerPoint" data-tips="PowerPoint2007及以上" class="item"> <img src="/require/images/icon5.png" alt="可编辑模板" data-tips="可编辑模板" class="item"> </div> </div> </a> </div> <div class="swiper-slide"> <a href="#"> <img alt="低血糖病人的急救护理" src="https://www.rrppt.com/uploads/a2df6ae8aaad4656a27ae3f6c806ff8e.jpg" /> <div class="name">低血糖病人的急救护理</div> <div class="row"> <div class="left"> <p>医学医疗</p> <i></i> <p>20页</p> <i></i> <div class="heat"> <img src="/require/images/icon6.png" alt="浏览量"> <p>2325</p> </div> </div> <div class="icon-row"> <div class="item2 item" data-tips="宽屏宽屏16:9">宽屏16:9</div> <img src="/require/images/icon4.png" alt="PowerPoint" data-tips="PowerPoint2007及以上" class="item"> <img src="/require/images/icon5.png" alt="可编辑模板" data-tips="可编辑模板" class="item"> </div> </div> </a> </div> <div class="swiper-slide"> <a href="#"> <img alt="月亮明月庆祝中秋节PPT模板" src="https://www.rrppt.com/uploads/moban/yp_2907/img/litpic.jpg" /> <div class="name">月亮明月庆祝中秋节PPT模板</div> <div class="row"> <div class="left"> <p>中秋节</p> <i></i> <p>16页</p> <i></i> <div class="heat"> <img src="/require/images/icon6.png" alt="浏览量"> <p>2281</p> </div> </div> <div class="icon-row"> <div class="item2 item" data-tips="宽屏16:9">16:9</div> <img src="/require/images/icon4.png" alt="PowerPoint" data-tips="PowerPoint2007及以上" class="item"> <img src="/require/images/icon5.png" alt="可编辑模板" data-tips="可编辑模板" class="item"> </div> </div> </a> </div> <div class="swiper-slide"> <a href="#"> <img alt="创意微立体钟表时间PPT模板" src="https://www.rrppt.com/uploads/moban/yp_2675/img/litpic.jpg" /> <div class="name">创意微立体钟表时间PPT模板</div> <div class="row"> <div class="left"> <p>微立体模板</p> <i></i> <p>20页</p> <i></i> <div class="heat"> <img src="/require/images/icon6.png" alt="浏览量"> <p>0</p> </div> </div> <div class="icon-row"> <div class="item2 item" data-tips="宽屏16:9">16:9</div> <img src="/require/images/icon4.png" alt="PowerPoint" data-tips="PowerPoint2007及以上" class="item"> <img src="/require/images/icon5.png" alt="可编辑模板" data-tips="可编辑模板" class="item"> </div> </div> </a> </div> <div class="swiper-slide"> <a href="#"> <img alt="放飞梦想工作报告PPT模板" src="https://www.rrppt.com/uploads/moban/yp_26/img/litpic.jpg" /> <div class="name">放飞梦想工作报告PPT模板</div> <div class="row"> <div class="left"> <p>分析报告</p> <i></i> <p>42页</p> <i></i> <div class="heat"> <img src="/require/images/icon6.png" alt="浏览量"> <p>2087</p> </div> </div> <div class="icon-row"> <div class="item2 item" data-tips="宽屏16:9">16:9</div> <img src="/require/images/icon4.png" alt="PowerPoint" data-tips="PowerPoint2007及以上" class="item"> <img src="/require/images/icon5.png" alt="可编辑模板" data-tips="可编辑模板" class="item"> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> <div class="modelTab2-wrap w1200"> <div class="modeltab-title"> <div class="item on">最近更新</div> <div class="item">PPT教程</div> <div class="item">素材合集</div> </div> <div class="modeltab-container"> <ul class="on"> <li> <a href="/ppt/21379.html">电力系统基础知识与电网业务应用</a> </li> <li> <a href="/ppt/21378.html">低血糖病人的急救护理</a> </li> <li> <a href="/ppt/19084.html">月亮明月庆祝中秋节PPT模板</a> </li> <li> <a href="/ppt/18949.html">创意微立体钟表时间PPT模板</a> </li> <li> <a href="/ppt/18914.html">放飞梦想工作报告PPT模板</a> </li> <li> <a href="/ppt/18863.html">扁平色块毕业论文答辩PPT模板</a> </li> <li> <a href="/ppt/18833.html">古色古香中国风PPT模板</a> </li> <li> <a href="/ppt/19122.html">活力泡泡多功能多用途PPT模板</a> </li> <li> <a href="/ppt/18881.html">魅族Flyme主题风格PPT模板</a> </li> <li> <a href="/ppt/19143.html">简约创意灯泡通用PPT模板</a> </li> <li> <a href="/ppt/19146.html">简约扁平化网页风PPT模板</a> </li> <li> <a href="/ppt/18943.html">简约小清新微立体PPT模板</a> </li> <li> <a href="/ppt/18955.html">小清新创意手绘风PPT模板</a> </li> <li> <a href="/ppt/19089.html">简约苹果IOS风PPT模板下载</a> </li> <li> <a href="/ppt/18903.html">精美实用动态论文答辩PPT模板</a> </li> <li> <a href="/ppt/18838.html">极简大气动态商务PPT模板</a> </li> <li> <a href="/ppt/19082.html">书本火箭星球卫星PPT模板</a> </li> </ul> <ul> <li> <a href="/jiaocheng/418.html">PPT教程（74）：表格之美-看网页用表格法排版</a> </li> <li> <a href="/jiaocheng/341.html">超强手绘PPT：Google 是如何运作的？</a> </li> <li> <a href="/jiaocheng/762.html">写好文案的要点：如何找到产品卖点吸引点</a> </li> <li> <a href="/jiaocheng/911.html">这4种方法，能把普通的PPT线框玩出创意</a> </li> <li> <a href="/jiaocheng/761.html">PPT教程(186):用简单图形打造钢笔图标</a> </li> <li> <a href="/jiaocheng/65.html">PPT到底要怎么做?ppt怎么做流程图</a> </li> <li> <a href="/jiaocheng/980.html">怎么用PPT制作图片局部虚化效果</a> </li> <li> <a href="/jiaocheng/409.html">设计简洁风格的幻灯片</a> </li> <li> <a href="/jiaocheng/618.html">PPT教程（24）：苹果为什么缺一个角？</a> </li> <li> <a href="/jiaocheng/817.html">线条，让幻灯片更出色！</a> </li> <li> <a href="/jiaocheng/972.html">让PPT图表生动起来的方法分享</a> </li> <li> <a href="/jiaocheng/121.html">如何利用制图的法则设计PPT</a> </li> <li> <a href="/jiaocheng/367.html">PPT线条怎么做：PPT排版的秘诀</a> </li> <li> <a href="/jiaocheng/976.html">PPT教程：宝丽来图片的边框处理效果</a> </li> <li> <a href="/jiaocheng/299.html">[PPT视觉增强技巧]图片的方格视觉体验</a> </li> <li> <a href="/jiaocheng/776.html">PPT教程(161):红灯qu(哔~)字制作</a> </li> <li> <a href="/jiaocheng/477.html">我插（二）——我懂个P系列教程第八季</a> </li> </ul> <ul> <li> <a href="/sucai/311.html">企业服务范围PPT模板素材</a> </li> <li> <a href="/sucai/372.html">折线状5部分列表PPT素材</a> </li> <li> <a href="/sucai/669.html">彩色目录PPT模板图示</a> </li> <li> <a href="/sucai/524.html">金字塔要点分析PPT图示素材</a> </li> <li> <a href="/sucai/322.html">4个并列关系的圆圈PPT素材</a> </li> <li> <a href="/sucai/738.html">一只手和四片树叶组成的树PPT模板图示</a> </li> <li> <a href="/sucai/648.html">四层3D立体方框PPT示意图</a> </li> <li> <a href="/sucai/80.html">健康生活运动PPT模板板式素材</a> </li> <li> <a href="/sucai/17.html">平面拼图PPT模板素材</a> </li> <li> <a href="/sucai/438.html">笔记本电脑样机图+简约商务排版PPT模板</a> </li> <li> <a href="/sucai/441.html">笔记本电脑显示屏虚拟样机PPT模板</a> </li> <li> <a href="/sucai/9.html">人物剪影图标系列素材-社交娱乐聚会</a> </li> <li> <a href="/sucai/1088.html">年度的项目进度时间线PPT素材</a> </li> <li> <a href="/sucai/520.html">5部分创意目录/内容导航PPT图示素材</a> </li> <li> <a href="/sucai/166.html">剪纸风格的PPT目录页素材</a> </li> <li> <a href="/sucai/287.html">4部分文字说明/苹果手机样机/目录导航/要点列表PPT模板</a> </li> <li> <a href="/sucai/149.html">圆形拼图四部分关系ppt素材</a> </li> </ul> </div> </div>  <div class="mask"></div> <div class="login-contaner"> <div class="esc"><img src="/require/images/icon49.png" alt="关闭"></div> <div class="login-logo"><img src="/require/images/logo4.png" alt="logo"></div> <form action="/e/member/doaction.php" method="post" name="form1"> <input type="hidden" name="ecmsfrom" value=""> <input type="hidden" name="enews" value="login"> <input name="groupid" type="hidden" id="groupid" value=""> <input name="tobind" type="hidden" id="tobind" value="0"> <input type="text" placeholder="请输入用户名" value="" class="user" name="username" id="username"> <input type="password" placeholder="请输入密码" value="" class="password" name="password" id="password"> <div class="row"> <a href="#" rel="nofollow" >忘了密码</a> <a href="/e/member/register/index.php?tobind=0&groupid=1&button=下一步" rel="nofollow" >注册账号</a> </div> <input class="btn-danger" type="submit" name="Submit" value="登录"> <input type="checkbox" name="lifetime" value="2592000" id="remember" style="display: none;"> </form> <div class="division">第三方登录</div> <div class="Interface-wrap"> <a href="javascript:;" onclick="openLogin('weixin')"> <img src="/require/images/icon50.png" alt="微信登录"> <p>微信登录</p> </a> <a href="javascript:;" onclick="openLogin('qq')"> <img src="/require/images/icon52.png" alt="QQ登录"> <p>QQ登录</p> </a> <a href="#"> <img src="/require/images/icon51.png" alt="微博登录"> <p>微博登录</p> </a> </div> </div> <div class="footer-wrap"> <div class="footer-content w1200"> <div class="left"> <img src="/require/images/logo2.png" alt="人人ppt"> <div class="bdsharebuttonbox"> <span> 分享本站到</span> <a rel="nofollow" href="javascript:void(0);" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a rel="nofollow" href="javascript:void(0);" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a rel="nofollow" class="bds_sqq" data-cmd="sqq" href="javascript:void(0);"></a> </div> </div> <div class="right"> <div class="foot-nav"> <a href="/aboutus.html" rel="nofollow"><img src="/require/images/account.png" alt="关于我们" />关于我们</a> <a href="/sitemap.xml"><img src="/require/images/icon30.png" alt="XML地图" />XML地图</a> <a href="/sitemap.txt"><img src="/require/images/icon31.png" alt="TXT地图" />TXT地图</a> <a href="/tags.html"><img src="/require/images/icon34.png" alt="手机端" />全部标签</a> <a href="#" rel="nofollow"><span>商务合作</span><img class="qqicon" src="/require/images/qqicon.png"><span>点击交谈</span></a> </div> <div class="foot-details"> <p>人人PPT全部内容均为小编辛苦原创或来源于互联网，如您发现本站内容有侵犯原作者权益的行为，请联系客服！</p> <p>Copyright©2021.Company All rights reserved.   <a href="http://www.beian.miit.gov.cn" target="_blank;" rel="nofollow"><img src="/require/images/blimg.png" alt="备案号">备案号：冀ICP备18037400号-20</a></p> </div> </div> </div> </div> <div class="share-nav" id="goToTop" > <a class="item top" href="javascript:;"> <img src="/require/images/top.png" alt=""> </a> </div> <script src="/require/js/layer/layer.js"></script> <script src="/require/js/swiper.min.js"></script> <script src="/require/js/common.js"></script> <script> $('.modeltab-title .item').click(function () { $(this).addClass('on').siblings().removeClass('on'); $('.modeltab-container ul').eq($(this).index()).addClass('on').siblings().removeClass('on'); }) $('.tab-nav .item').click(function () { $(this).addClass('on').siblings().removeClass('on'); $('.tab-content ul').eq($(this).index()).addClass('on').siblings().removeClass('on'); }) var swiper = new Swiper('.secondary-swiper .swiper-container', { slidesPerView: 1, navigation: { nextEl: '.secondary-swiper .swiper-button-next', prevEl: '.secondary-swiper .swiper-button-prev', }, loop: true, autoplay: { delay: 5500, disableOnInteraction: false, }, observer: true, //修改swiper自己或子元素时，自动初始化swiper observeParents: true, //修改swiper的父元素时，自动初始化swiper }); $(function () { $('#goToTop').hide(); //隐藏go to top按钮 $(window).scroll(function () { // console.log($(this).scrollTop()); //当window的scrolltop距离大于1时，go to if ($(this).scrollTop() > 100) { $('#goToTop').fadeIn(); } else { $('#goToTop').fadeOut(); } }); $('#goToTop a').click(function () { $('html ,body').animate({ scrollTop: 0 }, 500); return false; }); }); </script> </body> </html>