PPT制作鼠标悬停动画效果!

简介: 上面视频中,我是以四川省的地图为例,当鼠标悬停在某个区域,会自动用颜色突出该区域,并在旁边用气泡显示名称。

嗨,好久没更新了!


最近真的太太太太忙了……


本来本期想用视频的方式呈现的,但夜已深,为避免扰民,还是用图文咯~


先看下面这15秒的视频:

制作核心


制作软件: MicroSoft 365 中的PPT



核心功能:插入-动作


请马上打开你的PPT,看看插件功能区域下是否有动作这个功能。如果没有,要么注册并下载MicroSoft365,要么放弃本文。



windows 和 mac 平台均有。


制作方法


上面视频中,我是以四川省的地图为例,当鼠标悬停在某个区域,会自动用颜色突出该区域,并在旁边用气泡显示名称。

为了偷懒,我只做了其中两个区域,你们用在自己的作品中,可以根据需要做丰富!


1.插入地图矢量图


你可以用自己熟悉的方式获取地图矢量图,需要里面的版块都是独立的,能单独点击的。一块整图那种是不行的!



对了,本文末会附上全国的地图的矢量图。


2.复制第1页做的PPT


把第1页的PPT复制2份,然后把你想要突出显示的区域设置醒目的填充色,并在旁边添加一个气泡,里面打上区域的名称。

完成后如下:



更改填充色:选中某一块后,在形状格式功能区下的形状填充里面更改颜色。加气泡:在插入功能区下,形状里面挑选你喜欢的气泡。


这一步看懂了吧!


也就是一共需要3页PPT,第一页是普通的地图,第2、3页分别把你想突出显示的区域填充不显眼的颜色。


3.设置悬浮动作


现在回到第1页PPT,点击一下你在第2页突出填充的那个区域,再点击顶部插入-动作,默认是鼠标点击动作,右边就是鼠标悬停,切换过去。



在链接里面,选择幻灯片,并选择你想跳转到的页面,这里选择第2页。



以此方法,把另一块区域,链接到第3页PPT上。


4.页面相互联动


前面3步动作,成功让我们在第一页通过鼠标悬停跳转到第2页或第3页上。但还没实现上面视频里面那样,任何时候悬停到想要的那块区域上都能流畅跳转。


那是因为:跳转到第2或第3页后,这两页上没有添加动作,就没有跳转了。


给第2和第3张PPT插入一个白色的矩形,右键把它置为底层,然后给它设置悬停动作,跳转到第1张PPT上。



完成这一步后,在第2或第3页PPT中,当我们鼠标划到地图外的空白区域,就能跳到第一页PPT了,在第一页,又能触发区域跳转了。


但,假如我们想直接从第2页到第3页呢?


还是给它加动作呀!


在第2页PPT中,点击第3页突出显示的区域,给它添加跳转到第3页的鼠标悬停动作。



同理,在第3页PPT中,点击第2页突出显示的区域,给它添加跳转到第3页的鼠标悬停动作。


好了,全屏放映PPT,试试看效果吧!


5.举一反三


什么?你想给地图上所有区域都添加上突出显示的功能?


数学好的同学算一算:需要添加多少页PPT,相互要添加多少个动作呢?


放手去干吧!

相关文章
|
存储 前端开发 Java
农产品销售|助农惠农|基于Springboot实现农产品销售管理系统
农产品销售|助农惠农|基于Springboot实现农产品销售管理系统
1057 1
|
监控 芯片
芯片测试:WAT、CP、FT
芯片测试:WAT、CP、FT
713 0
|
API 数据安全/隐私保护 开发者
商品详情 API 接口的调用次数是否有限制?
商品详情API接口调用次数受限,旨在保障系统稳定性和防止恶意攻击。平台依据账户类型设定不同限制:普通开发者账户调用次数较少,而企业级账户享有更高限额但需申请并可能收费。此外,平台还设置了短期和长期调用频率限制,以避免高并发请求导致服务器过载。
892 2
|
网络协议 Go 数据安全/隐私保护
golang开源的可嵌入应用程序高性能的MQTT服务
golang开源的可嵌入应用程序高性能的MQTT服务
1021 2
|
边缘计算 物联网 vr&ar
一文带你彻底了解Wi-Fi 7
【9月更文挑战第1天】
2144 0
一文带你彻底了解Wi-Fi 7
|
开发框架 缓存 自然语言处理
HarmonyOS ArkTS声明式UI开发实战教程
本文深入探讨了ArkTS作为HarmonyOS生态中新一代声明式UI开发框架的优势与应用。首先对比了声明式与命令式开发的区别,展示了ArkTS如何通过直观高效的代码提升可维护性。接着分析了其核心三要素:数据驱动、组件化和状态管理,并通过具体案例解析布局体系、交互组件开发技巧及复杂状态管理方案。最后,通过构建完整TODO应用实战,结合调试优化指南,帮助开发者掌握声明式UI设计精髓,感受ArkTS的独特魅力。文章鼓励读者通过“破坏性实验”建立声明式编程思维,共同推动HarmonyOS生态发展。
774 3
|
存储 数据采集 算法
数据中台最全详解,一文彻底搞懂!
中台是大型数据架构模式,也是大型架构的必备技能,本篇全面详解数据中台,建议收藏备用。关注【mikechen的互联网架构】,10年+BAT架构经验倾囊相授。
数据中台最全详解,一文彻底搞懂!
|
Python
pandas包的安装和Could not find a version that satisfies|9
pandas包的安装和Could not find a version that satisfies|9
1280 8
|
移动开发 前端开发 JavaScript
HTML+CSS动画打造酷炫轮播图!(含源码)
HTML+CSS动画打造酷炫轮播图!(含源码)
|
Web App开发 缓存 JavaScript
Chrome浏览器清除页面js文件缓存的方法
Chrome浏览器清除页面js文件缓存 Chrome浏览器清除js缓存方法虽然简单,但有些人还是不太会,有些人会去设置里面清除有时候没有用,这里写一下简单步骤,使用一次以后就会了,而且...
6192 0