问题:如何做网页PPT?

  来源于《JavaScript权威指南》 17.3.4

解答:设置这种按钮的方法有很多,今天介绍两种方法。

1.在目标位置点击鼠标右键→【超链接】,弹出【插入超链接】对话框。

回答:网页PPT,简单来说就是模仿网页的版式进行PPT的设计,其中主要就是添加一些“按钮”。

 

欧博国际网站 1

欧博国际网站 2


1.事件处理程序的返回值  

      通常情况下,返回值false就是告诉浏览器不要执行这个事件相关的默认操作。例如,表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器提交表单,再如a标签的onclick事件处理程序通过返回false阻止跳转href页面。类似地,如果用户输入不合适的字符,输入域上的onkeypress事件处理程序能通过返回false来过滤键盘输入。  
      事件处理程序的返回值只对通过属性注册的处理程序才有意义。 

2.调用顺序 

style=”font-weight: normal;”>     
文档元素或其他对象可以为指定事件类型注册多个事件处理程序。当适当的事件发生时,浏览器必须按照如下规则调用所有的事件处理程序:

  • style=”color: #333333; font-size: large; text-decoration: underline;”> style=”font-weight: normal;”> style=”color: #333333; text-decoration: underline;”>通过设置对象属性或HTML属性注册的处理程序一直优先调用。
  • style=”color: #333333; font-size: large; text-decoration: underline;”> style=”font-weight: normal;”> style=”color: #333333; text-decoration: underline;”>使用addEventListener()注册的处理程序按照它们的注册顺序调用。
  • style=”color: #333333; font-size: large; text-decoration: underline;”> style=”font-weight: normal;”> style=”color: #333333; text-decoration: underline;”>使用attachEvent()注册的处理程序可能按照任何顺序调用,所以代码不应该依赖于调用顺序。

3.事件传播 

style=”font-weight: normal;”> style=”color: #333333;”>  在调用在目标元素上注册的事件处理函数后,大部分事件会“冒泡”到DOM树根。调用目标的父元素的事件处理程序,然后调用在目标的祖父元素上注册的事件处理程序。这会一直到Document对象,最后到达Window对象。

style=”font-weight: normal;”> style=”color: #333333;”>  发生在文档元素上的大部分事件都会冒泡,值得注意的例外是focus、blur和scroll事件。文档元素的load事件会冒泡,但它会在Document对象上停止冒泡而不会传播到Window对象。只有当整个文档都加载完毕时才会触发Window对象的load事件。

4.取消事件默认行为、阻止事件传播  

欧博国际网站,      在支持addEventListener()的浏览器中,可以通过调用事件对象的preventDefault()方法取消事件的默认操作。IE9之前的IE中,可以通过设置事件对象的returnValue属性为false达到同样的效果。下面一段代码是结合三种技术取消事件: 
function cancelHandler(event){
    var event=event||window.event;//兼容IE
    
    //取消事件相关的默认行为
    if(event.preventDefault)    //标准技术
        event.preventDefault();
    if(event.returnValue)    //兼容IE9之前的IE
        event.returnValue=false;
    return false;    //用于处理使用对象属性注册的处理程序
}

 

   取消事件相关的默认操作只是事件取消中的一种,我们也能取消事件传播。在支持addEventListener()的浏览器中,可以调用事件对象的stopPropagation()方法以阻止事件的继续传播。如果在同一对象上定义了其他处理程序,剩下的处理程序将依旧被调用,但调用stopPropagation()之后任何其他对象上的事件处理程序将不会被调用。
   IE9之前的IE不支持stopPropagation()方法,而是设置事件对象cancelBubble属性为true来实现阻止事件进一步传播。

方法2:利用动作按钮

【插入超链接】对话框中,点击【屏幕提示】,输入提示信息即可。

② 关于跳转效果,可以使用PPT中的「动作」功能

跳转效果并非一定是需要的,按顺序一页一页地观看也是可以的。如果要添加的话,也可以参考以下的做法。

继续以我的标签序号为例子。

⑴ 添加跳转动作。选择第一个标签,通过「插入」→「链接」→「动作」打开的窗口,在「单击鼠标」→「超链接到」中选择「幻灯片…」,就可以进行幻灯片的选择。

欧博国际网站 3

如在窗口中选择「幻灯片2」,两次点击「确定」即可完成动作插入的操作。

欧博国际网站 4

在操作添加完成后,即可在幻灯片放映过程中,通过点击相应的对象(如本例中的标签)来完成页面跳转的动作。

注意,我的标签由五边形和文本框组成,而它们所占的范围也不一致,而且,位于上方的文本框对下方的五边形的动作的执行是会有阻挡的作用的。

所以,为了效果的完美实现,建议把文本框大小限制在五边形中,并对文本框与五边形都添加相同的链接到幻灯片的动画。

⑵ 添加返回动作。

点击按钮跳转到新的页面后,你需要再次返回到目录,当然,你也可以选择设置为在选择其他标签时,可直接跳转到其他页面,这里我只添加“返回”按钮。

添加方法,正如前面所述,就是添加矩形和文本框充当按钮,再插入跳转的动作。

下面展示最终效果。

欧博国际网站 5

总的来说,网页PPT,就是类似于网页的PPT,有可以用于跳转的按钮的感觉,或者就是有相应的按钮,这通过插入动作可以实现。

回答:

是的,PPT无所不能,能做年度报告、海报、视频、电子书刊,当然还有PPT网页。

我们先来欣赏一组用PPT制作的网页版PPT:

欧博国际网站 6

欧博国际网站 7

欧博国际网站 8

欧博国际网站 9

2.点击【插入】选项卡,点击【超链接】,弹出【插入超链接】对话框。

① 关于按钮效果,我举个例子

⑴ 制作标签。我制作了01~05的标签,填充不同的颜色,以此作为按钮。

欧博国际网站 10

⑵ 制作不同的页面。再复制出相同的一页,给标签加上半透明的用于遮挡的相同形状的色块。复制成相同的五页,再适当删减半透明色块,以充当不同分块的页面。

欧博国际网站 11


总结:利用超链接和动作按钮可以设置出非常灵活的PPT页面跳转,但需要注意的这种跳转只能在PPT播放状态点击才有效果哟!

点击【设计】选项卡→【变体】选项组→点击向下扩展按钮→点击颜色,进入【新建主题颜色】对话框,不仅可以对超链接的文字颜色进行更改,也可以更改已访问的超链接。

按钮,一方面,是让人知道当前所浏览至的位置,让人有全局性的观念;另一方面,也可以设置出具有跳转到特定幻灯片(即特定页面)的功能,让按钮真正发挥按钮的作用,实现类似网页般的跳转。

具体方法如下:打开PPT,在最后一张幻灯片上插入一个文本框,然后写上“返回首页”。(如下图1处)

在PPT中有以下两种方式添加超链接:

Author

发表评论

电子邮件地址不会被公开。 必填项已用*标注