相关资料介绍与图文

paihangbang导航

你现在的位置:排行榜首页  》关于的详细解说

POWERPOINT中如何设置一个功能:当鼠标滑过的时候图片放大,滑过后图片自动缩小?

或者是这样:我用文字显示在PPT上,当鼠标过来时显示图片。比如文字为鸡蛋,当鼠标到文字上时显示鸡蛋的图片,当鼠标离开时候图片 消失? 用触发器做,可以很容易实现鼠标点击文字,就在一边出现鸡蛋,但是如果移过就显示,我却不知道有没有办法。
用触发器做,可以很容易实现鼠标点击文字,就在一边出现鸡蛋,但是如果移过就显示,我却不知道有没有办法。

首先是div布局: 2.添加CSS和JS样式:(1)添加CSS样式,就是写静态页面,这个图片怎么在页面上显示;(2)添加JS效果是鼠标经过小盒子, 显示遮罩和大盒子 ,鼠标离开后隐藏。 * {margin: 0;padding: 0;}.box {width: 350px;height: 350px;margin: 100px;border: 1px solid #ccc;position: relative;}.big {width: 400px;height: 400px;position: absolute;top: 0;left: 360px;border: 1px solid #ccc;overflow: hidden;display: none;}.mask {width: 175px;height: 175px;background: rgba(255, 255, 0, 0.4);position: absolute;top: 0;left: 0;cursor: move;display: none;}.small {position: relative;}.box img {vertical-align: top;}#bigBox img {position: absolute;}var box = document.getElementById("box");var smallBox = document.getElementById("smallBox");var bigBox = document.getElementById("bigBox");var bigImg = document.getElementById("bigImg");var mask = document.getElementById("mask");//1.鼠标经过小盒子 显示遮罩和大盒子 鼠标离开后隐藏smallBox.onmouseover = function() {mask.style.display = "block";bigBox.style.display = "block";};smallBox.onmouseout = function() {mask.style.display = "none";bigBox.style.display = "none";};smallBox.onmousemove = function(event) {var event = event || window.event;var pageX = event.pageX || event.clientX + document.documentElement.scrollLeft;var pageY = event.pageY || event.clientY + document.documentElement.scrollTop;var targetX = pageX - box.offsetLeft;var targetY = pageY - box.offsetTop;var maskX = targetX - mask.offsetWidth / 2;var maskY = targetY - mask.offsetHeight / 2;if (maskX smallBox.offsetWidth - mask.offsetWidth) {maskX = smallBox.offsetWidth - mask.offsetWidth;}if (maskY smallBox.offsetHeight - mask.offsetHeight) {maskY = smallBox.offsetHeight - mask.offsetHeight;}mask.style.left = maskX + "px";mask.style.top = maskY + "px";var bigToMove = bigImg.offsetWidth - bigBox.offsetWidth;var maskToMove = smallBox.offsetWidth - mask.offsetWidth;var rate = bigToMove / maskToMove;bigImg.style.left = -rate * maskX + "px";bigImg.style.top = -rate * maskY + "px";}; 3.在开发工具里面的截图: 4.未添加CSS样式和JS效果浏览器的截图: 5.添加CSS和JS效果的浏览器的截图:

这个效果还是只能实现一方面,就是弄2张幻灯片,一个图片原始大小放第一个幻灯片里面,另一个图片稍微放大点放在第二张幻灯片里,原始图片选择动作“鼠标移过”链接到第二张幻灯片,这样只能实现鼠标移上去图片变大;不过我还想到一招(就在打字的时候突然想到的)在第二张幻灯片上做一个背景图片(跟第一张幻灯片背景一样)然后设置那个背景图片的动作“鼠标移过”链接到第一张幻灯片,当你鼠标移开图片移到那个背景图片上的时候就会链接回第一张幻灯片,就能实现你说的效果了!你的问题也给了我灵感,我去制作我的幻灯片去也。。。

PPT里点一个字使它放大或者鼠标滑过这个字,使它放大的步骤: 1、准备二张幻灯片,第一张幻灯片输入小字,第二张幻灯片输入大字,并且调整文本框到合适的位置,例如:如图,2个文本框的位置为左右居中、上下居中; 2、选中第一张幻灯片的文本框,鼠标右键选择超链接; 3、选择本文档中的位置,选择幻灯片2,点确定。

在PPT中让图片在中间放大,然后移动到左上角缩小的步骤: 1、选中图片,点图片工具下的格式菜单——对齐——上下居中; 点图片工具下的格式菜单——对齐——左右居中; 2、选中图片,点动画菜单——自定义动画; 3、点添加效果——强调——放大/缩小; 4、开始:选择之前; 5、选择动画列表中相应的项目,鼠标右键选择效果选项; 6、尺寸选择自定义,在自定义后输入合适的放大百分比,点确定; 7、点插入菜单——图片,选择相同的图片插入,选中左上角的图片,鼠标右键选择大小和位置; 8、在缩放比例中,高度或者宽度:输入放大的百分比,刚才放大的百分比输入的是120%,这里高度或者宽度里就输入120%,点关闭; 9、选中居中的图片,点添加效果——动作路径——绘制自定义路径——直线; 10、绘制一条直线路径到左上图的中心位置,如图所示; 11、选中左上角的图片,按Del键删除; 12、选择动画列表中第二个项目,即绘制路径动画的项目,开始:选择之后; 13、选中居中图片,点添加效果——强调——放大/缩小; 14、开始:选择之后; 尺寸:选择较小或者微小。

请你看我给你做的ppt,其实就是“动作设置”的运用。


Copyright ©排行榜大全pai-hang-bang.cn. Some Rights Reserved.
从国家、城市、地区到品牌、产品、行业为你提供最新的排行榜资讯
本站内容来自于本站编辑整理和媒体发布,仅提供参考或娱乐作用,并不构成任何投资标准和实际应用建议
联系请发电邮自god-loveme#163.com 【#换成@】