这5招带你入门MG动画，让PPT像电影一样流畅

发布于：2020-06-09 12:50:41

来源：人人PPT

编辑：人人小编

导读：不少同学在看过之后都觉得十分舒服，而这种让人愉悦的动画风格被统称为MG动画（Motion Graphic）以往只有通过AE这样的专业软件才能实现，但在PPT功能越来越完善的今天，只要使用得当，也可以实现相当壮观的效果。今天我把MG动画里最重要的特征总结出来，做到下面5点可以使你的PPT动画得到质的飞升！

在开始今天的内容之前，想跟大家分享一部PPT动画：

</span></p> <p>不少同学在看过之后都觉得十分舒服，而这种让人愉悦的动画风格被统称为MG动画（Motion Graphic）以往只有通过AE这样的专业软件才能实现，但在PPT功能越来越完善的今天，只要使用得当，也可以实现相当壮观的效果。</p> <p>今天我把MG动画里最重要的特征总结出来，做到下面5点可以使你的PPT动画得到质的飞升！</p> <p><strong>1. 神秘的加速度</strong></p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02828.jpg" alt="这5招带你入门MG动画-1"></p> <p>关于加速度，在PPT中常用的就是飞入飞出/移动动画了，如果直接添加【移动】效果，不会有任何加速度的感觉。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02814.gif" alt="这5招带你入门MG动画-2"></p> <p>这时候，只要我们在动画菜单栏中打开【动画窗格】，右键设置【移动】动画，就可以打开新世界的大门！</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02809.gif" alt="这5招带你入门MG动画-3"></p> <p>在这个设置窗口中，如果我们对平滑开始/平滑结束设置一定的数值，就会产生完全不同的视觉效果！（在开始和结束时有明显的加速度效果）</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02812.jpg" alt="这5招带你入门MG动画-4"></p> <p>如果把前后效果进行对比，很明显的发现有加速度的这一组充满了“生命力”，效果更让人容易接受！</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02821.gif" alt="这5招带你入门MG动画-5"></p> <p>动画示例：</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02825.gif" alt="这5招带你入门MG动画-6"></p> <p>在上面的这组动画中，背景中出现的白色气泡均使用了【平滑结束】这一功能。结束之前的加速度让整个画面都富有活力~同时也避免了动画戛然而止的突兀感。</p> <p><strong>2. 细节上的弹跳性</strong></p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02826.jpg" alt="这5招带你入门MG动画-7"></p> <p>其实在很久之前，PPT就已经支持运动弹跳的功能了。如果是细心的同学，相信你已经发现在加速度的设置窗口下面有一个额外的选项【弹跳结束】。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02813.jpg" alt="这5招带你入门MG动画-8"></p> <p>对弹跳结束设置一定的数值，同样也可以加强动画的柔和感~这一功能对于飞入/飞出这样的路径动画同样适用！</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02811.gif" alt="这5招带你入门MG动画-9"></p> <p>动画示例：</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02816.gif" alt="这5招带你入门MG动画-10"></p> <p>在上面数字的掉落过程中，我是用了明显的【弹跳结束】效果。让物体具有弹性，几乎是所有MG动画的特点，这样的运动带给人柔和的美感。</p> <p><strong> </strong><strong> </strong><strong>3. 运动感的修饰</strong></p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02827.jpg" alt="这5招带你入门MG动画-11"></p> <p>在MG动画中，往往存在不少没有实际意义但不可或缺的元素，其实他们就是对画面运动感的补充！例如我们常常见到的直角射线，圆环线等。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02831.gif" alt="这5招带你入门MG动画-12"></p> <p>这样的效果如何在PPT里面实现呢？其实只要设置好动画的先后出现顺序即可！</p> <p>例如最简单的圆环线，其实是由3组圆环组成，圆环本身可以在PPT里直接插入~对其添加【进入效果-轮子】，【退出效果-轮子】，这样就可以实现下面的简单效果，即圆环线的基本原理~</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02829.gif" alt="这5招带你入门MG动画-13"></p> <p>复制几层以后，对他们的时间稍稍调节先后顺序，不难实现较为复杂的圆环线效果！</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02817.gif" alt="这5招带你入门MG动画-14"></p> <p>动画示例：</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02810.gif" alt="这5招带你入门MG动画-15"></p> <p>在放大镜的出现中，圆环线的使用恰到好处，这些元素存在的意义就是使得画面更加饱满和丰富，图形的运动感也得到了大大加强！</p> <p><strong> </strong><strong> </strong><strong>4. 运动的随机性</strong></p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02824.jpg" alt="这5招带你入门MG动画-16"></p> <p>随机是物理世界中常见的形态了，几乎所有物体都在运动着。同样地，在PPT当中同样可以对这种看似“随机”的运动进行模仿。</p> <p>例如添加好路径动画后，再设置好循环次数，就可以实现下面的效果。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02832.gif" alt="这5招带你入门MG动画-17"></p> <p>路径动画的设置也十分简单，这种看似随机的运行其实是围绕一点进行不规则的“圆周”运动。</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02818.jpg" alt="这5招带你入门MG动画-18"></p> <p>可以先对形状添加“圆周”运动，之后右键选择圆周，对圆周的形状进行编辑（在圆周上右键-编辑顶点），让它看起来是不规则图形即可~</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02815.jpg" alt="这5招带你入门MG动画-19"></p> <p>再对圆周运动设置循环次数，就可以看到类似上面的随机动画了！</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02830.jpg" alt="这5招带你入门MG动画-20"></p> <p>动画示例：</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02823.gif" alt="这5招带你入门MG动画-21"></p> <p>仔细观察，不难发现上图人物部分的动画都添加了“随机”运动效果，这样做的好处显而易见，整个人物都“活”了起来，仿佛真实存在一般，这也是MG动画的重要特征之一。</p> <p><strong>5. 动画的层次感</strong></p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02822.jpg" alt="这5招带你入门MG动画-22"></p> <p>在MG动画当中，常常会对同一个动画添加较多的层次（同一个效果重复数次），以此来进一步丰富画面效果~</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02820.gif" alt="这5招带你入门MG动画-23"></p> <p>将同一组动画分多次出现，可以让画面显得不单调，例如上图制作方法也不算复杂。</p> <p>加好圆形，设置好【进入动画-轮子】之后，将它复制几份，调整颜色，放置到原有图形的上方即可！</p> <p>动画示例：</p> <p><img src="https://www.rrppt.com/uploads/jiaocheng/rr02819.gif" alt="这5招带你入门MG动画-24"></p> <p>看似简单的圆形擦除动画，在复制了3次并调整时间顺序之后，也可以形成不错的视觉效果！层次感也是MG动画细节里的重要组成部分。</p> <p>赶快学起来吧！</p> <span>原作者：观海PPT 微信号：GuanhaiPPT</span> <span>自媒体大咖进驻</span> </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/241.html'>PPT教程(175)：五步让PPT表格变身特色目录</a></div> <div class="item">下一页：<a href='/jiaocheng/244.html'>PPT教程(214)：PPT绘制的月饼教程</a></div> </div> </div> <div class="relevant-wrap"> <h2>相关PPT教程</h2> <ul class="model3-list"> <li> <a href="/jiaocheng/680.html"> <img alt="PPT教程（120）：制作手绘涂鸦对话框效果" src="https://www.rrppt.com/uploads/2020/img/rr0002.jpg" /> <div class="title">PPT教程（120）：制作手绘涂鸦对话框效果</div> <div class="row"> <p>PPT教程</p> <p>2020-06-11 12:07:37</p> </div> </a> </li> <li> <a href="/jiaocheng/605.html"> <img alt="PPT图片处理教程：如何让模糊图片变清晰？" src="https://www.rrppt.com/uploads/2020/img/rr0150.jpg" /> <div class="title">PPT图片处理教程：如何让模糊图片变清晰？</div> <div class="row"> <p>PPT教程</p> <p>2020-06-17 12:24:34</p> </div> </a> </li> <li> <a href="/jiaocheng/331.html"> <img alt="关于岛国爱情片的实践研究PPT封面设计" src="https://www.rrppt.com/uploads/2020/img/rr0853.jpg" /> <div class="title">关于岛国爱情片的实践研究PPT封面设计</div> <div class="row"> <p>PPT教程</p> <p>2020-06-09 13:40:18</p> </div> </a> </li> <li> <a href="/jiaocheng/85.html"> <img alt="年终总结PPT神器-用笔刷提升PPT设计感" src="https://www.rrppt.com/uploads/2020/img/rr0464.jpg" /> <div class="title">年终总结PPT神器-用笔刷提升PPT设计感</div> <div class="row"> <p>PPT教程</p> <p>2020-06-09 08:30:56</p> </div> </a> </li> <li> <a href="/jiaocheng/534.html"> <img alt="国外PPT大神是如何修改幻灯片的？（下）" src="https://www.rrppt.com/uploads/2020/img/rr0526.jpg" /> <div class="title">国外PPT大神是如何修改幻灯片的？（下）</div> <div class="row"> <p>PPT教程</p> <p>2020-06-17 11:29:30</p> </div> </a> </li> <li> <a href="/jiaocheng/107.html"> <img alt="国外PPT大神是如何修改幻灯片的？（上）" src="https://www.rrppt.com/uploads/2020/img/rr0658.jpeg" /> <div class="title">国外PPT大神是如何修改幻灯片的？（上）</div> <div class="row"> <p>PPT教程</p> <p>2020-06-09 11:37:48</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/729.html">PPT教程(174)：PPT制作《超体》海报效果</a> </li> <li> <a href="/jiaocheng/348.html">PPT教程(167)：逼真水面倒影效果PPT制作教程</a> </li> <li> <a href="/jiaocheng/611.html">PPT手绘并没有想象中的难-PPT手绘教程</a> </li> <li> <a href="/jiaocheng/232.html">PPT如何用线条做五等分区域</a> </li> <li> <a href="/jiaocheng/518.html">用好矢量素材让PPT制作如鱼得水</a> </li> <li> <a href="/jiaocheng/284.html">不知道PPT怎样排版好看？快来看看版式设计原理</a> </li> <li> <a href="/jiaocheng/937.html">超能陆战队大白PPT模板下载</a> </li> <li> <a href="/jiaocheng/464.html">PPT教程（103）：一起来画机器猫！</a> </li> <li> <a href="/jiaocheng/928.html">这个万能的公式，帮你轻松做出高大上的PPT表格！</a> </li> <li> <a href="/jiaocheng/822.html">理工科类的PPT怎么改？-PPT制作教程</a> </li> <li> <a href="/jiaocheng/320.html">PPT教程：用PPT绘制酷炫狂拽超现实三角形</a> </li> <li> <a href="/jiaocheng/480.html">如何做好活动策划类PPT？-PPT制作教程</a> </li> <li> <a href="/jiaocheng/500.html">PPT教程(187):用PPT画萌萌的大白</a> </li> <li> <a href="/jiaocheng/309.html">如何做好PPT？精简才是王道！</a> </li> <li> <a href="/jiaocheng/778.html">如何用PPT设计出一个大气有质感的数字？</a> </li> <li> <a href="/jiaocheng/558.html">用图说话才是PPT最好的表现形式</a> </li> <li> <a href="/jiaocheng/377.html">PPT教程(219)：去哪里找PPT图标</a> </li> </ul> <ul> <li> <a href="/sucai/995.html">8个彩色椭圆形组成的时间轴递进关系PPT模板</a> </li> <li> <a href="/sucai/644.html">一个小人在奔跑的PPT模板图示</a> </li> <li> <a href="/sucai/1087.html">招聘流程——审评核查PPT模板</a> </li> <li> <a href="/sucai/1050.html">多彩微立体时间轴(系列-07)PPT模板</a> </li> <li> <a href="/sucai/1047.html">文本框(15)—3部分并列/递进的文本框PPT素材</a> </li> <li> <a href="/sucai/405.html">个性的四部分要点列表PPT素材</a> </li> <li> <a href="/sucai/146.html">钥匙孔+金色的钥匙PPT素材模板</a> </li> <li> <a href="/sucai/420.html">苹果笔记本电脑样机PPT模板</a> </li> <li> <a href="/sucai/276.html">简约大气的图文排版PPT模板素材</a> </li> <li> <a href="/sucai/996.html">7个彩色椭圆形组成的时间轴递进关系PPT模板</a> </li> <li> <a href="/sucai/351.html">地核图示PPT素材</a> </li> <li> <a href="/sucai/291.html">并排的日历PPT模板</a> </li> <li> <a href="/sucai/171.html">连接与分支——红灰大分支+小分支PPT模板素材</a> </li> <li> <a href="/sucai/564.html">梯子爬上立体柱状图PPT图示素材</a> </li> <li> <a href="/sucai/441.html">笔记本电脑显示屏虚拟样机PPT模板</a> </li> <li> <a href="/sucai/979.html">2部分饼图外的箭头循环关系逻辑图PPT模板</a> </li> <li> <a href="/sucai/406.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>