注:此方法也适用于dedecms织梦
很多时候,我们在页面插入FLASH的时候会发现,flash是object,然后页面默认把它始终是放在最上面的,这样flash上面紧贴着的下拉菜单便到后面看不到了。设置层也没有用。
这样在生成页面的时候就变得很被动,于是我做了个浮动层,原来的页面上有flash,但是不论我把浮动层的z-index调多高,这个层都始终会被flash遮住,无耐之下,只能把浮动层移动flash遮不到的地方~后来经过尝试,我发现在
我也试了在flash 加个参数,wmode=opaque,也是可以的,why?
看了这段解释,还是不明白~···················
(可选)允许使用Internet Explorer 4.0 中的透明Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有Flash Player ActiveX 控件的Windows 中有效。
"Window"在Web 页上用影片自己的矩形窗口来播放应用程序。"Window"表明此Flash 应用程序与HTML 层没有任何交互,并且始终位于最顶层。"Opaque" 使应用程序隐藏页面上位于它后面的所有内容。"Transparent"使HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。
"Opaque windowless"和"Transparent windowless"都可与HTML 层交互,从而允许SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明,因此,如果SWF 文件的某一部分是透明的,则SWF 文件下方的HTML 层可以透过该部分显示出来,而"opaque"则不会显示。
如果忽略此属性,默认值为Window。仅适用于object。
------------------------------------------------------------------------------
------------------------------------------------------------------------------
这是一个使得flash在页面上显示在最下面的参数
wmode=Opaque
这样修改,可以使得其他元素都可以覆盖在这个flash之上。
wmode的属性:
wmode=Window 在Web 页上用影片自己的矩形窗口来播放应用程序。"Window"表明此Flash 应用程序与HTML 层没有任何交互,并且始终位于最顶层。
wmode=Opaque 使应用程序隐藏页面上位于它后面的所有内容。
wmode=Transparent 使HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。
"Opaque windowless"和"Transparent windowless"都可与HTML 层交互,从而
允许SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明,因此,如果SWF 文件的某一部分是透明的,则SWF 文件下方的HTML 层可以透过该部分显示出来,而"opaque"则不会显示。
具体示例代码如下:
8. left:0; /* IE下一定要记得 */ 9. height: 60px; /* footer的高度一定要是固定值*/ 10.} 11.#main-content{ 12. padding-bottom: 60px; /*重要!给footer预留的空间*/ 13.} 这时候,其它浏览器上都能正常显示了,但是IE 6要另外处理: 1. 以上这篇html的footer置于页面最底部的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考。
公开课教案:设置对象的动画效果 2011年11月24日 学情分析 通过前期的信息技术学习,学生已经具备了一定的计算机操作能力,而且对PowerPoint2003软件也比较熟悉。为了让学生能够顺利的完成任务,获得成就感,并有所创新,因此在课前准备了充足的学习资源。 教学目标 1、知识与技能:通过利用自学资源,自主学习,加工半成品,按要求完成多媒体作品中对象动画效果的设置。掌握自定义动画中各对象的进出效果、播放的开始方式、播放顺序以及幻灯片切换等动画效果的设置方法。 2、过程与方法:通过对教学任务的实践与拓展,理解不同功能选项的意义和适用范围,提高学生的自主设计能力。 3、情感、态度与价值观:激发学生学习PowerPoint2003的兴趣,提高他们对多媒体作品的赏析能力和自学能力。 教学重点和难点 重点: 1.自定义动画中“添加效果”的设置及选项分析; 2.自定义动画中各对象“播放顺序”的设置及分析; 3.幻灯片切换的应用 难点:理解不同功能选项的意义和适用范围,提高学生的自主设计能力 教具和教学手段 教具:教学课件、学生自学资源、半成品素材、多媒体网络教室 教学手段:任务驱动法、演示讲授法、自主探究法 教学过程 一、课题导入: 教师:上课前我们先做个小测试,考考大家的眼力。观察屏幕上这个演示文稿由几张幻灯片组成?(直接播放幻灯片“教学演示”) 学生:……
教师:同学们各持己见,咱们眼见为实,打开演示文稿看一看:这个演示文稿只有一张幻灯片,那么它的奥秘在哪里呢?我们右击图片—在“快捷菜单”中单击“自定义动画”命令,就会发现它的奥秘啦!“自定义动画”扮演了导演的角色,它决定了文字、图片等各种对象的进出效果,今天也让我们来当一回导演,给多媒体作品“苏州园林”的各个对象设置合适的动画效果。 (设计意图:营造积极活跃的课堂氛围。通过设问激发学生学习新知识的兴趣。引入“自定义动画”。) 二、自主学习: 教师:下面请大家打开桌面上的学习网页和“苏州园林”,完成任务一。 任务一:请给演示文稿的文本对象设置合适的进入效果 学生任务:根据学习资源,完成任务一。 教师巡视:根据学生完成任务情况,与学生进行交流,解决学生碰到的问题。总结规律性问题——设置自定义动画的步骤:选定对象----设定效果(调整)----预览效果----确定,并作适当讲解。 学生操作演示 教师适时提问点评: 为了使同一个页面中的对象在播放时按照一定的顺序依次播放,需要设置这些对象的播放顺序和开始方式: 1.对象开始单击时、之前、之后有什么区别? “单击时”表示鼠标单击后,出现这个动画效果,“之前”表示这个动画与上一个动画同时进行,“之后”表示这个动画发生在上一个动画完成之后。 2.动画对象的出场顺序是否合理? 在“自定义动画”任务窗格中,选中要改变出场顺序的对象,然后单击“重新排序”的左右两边的箭头,即可重新设置对象的出场顺序。 (设计意图:首先,让学生通过任务驱动下的自主操作了解各选项,然后有针对性地进行讲解,提高学生能力。) 教师:如果你是导演,你觉得你的“演员”的出场顺序和方式合理吗?不合理的话,怎么改变呢? 任务二:请调整文本对象的播放顺序,并尝试将几个对象设置成连续呈现的方式。 学生任务:根据学习资源,完成任务二。 教师巡视:根据学生完成任务情况,与学生进行交流,解决学生碰到的问题。总结规律性问题,作适当讲解。
Flash 8 遮罩动画详解及实例 在Flash8.0的作品中,我们常常看到很多眩目神奇的效果,而其中不少就是用最简单的“遮 罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。 那么,“遮罩”如何能产生这些效果呢? 在本节,我们除了给大家介绍“遮罩”的基本知识,还结合我们的实际经验介绍一些“遮罩”的应用技巧,最后,提供二个很实用的范例,以加深对“遮罩”原理的理解。 在Flash8.0中实现“遮罩”效果有二种做法,一种是用补间动画的方法,一种是用actions指令的方法,在本节中,我们只介绍第一种做法。 1.遮罩动画的概念 (1)什么是遮罩 “遮罩”,顾名思义就是遮挡住下面的对象。 在Flash8.0中,“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地,在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个。 (2)遮罩有什么用 在Flash8.0动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。 2.创建遮罩的方法 (1)创建遮罩 在Flash8.0中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。你 只要在要某个图层上单击右键,在弹出菜单中把“遮罩”前打个勾,该图层就会生成遮罩层,“层精品文档
图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了,如图3-5-1所示。 图3-5-1 多层遮罩动画 (2)构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。 (3)遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段,从而使遮罩动画变成一个可以施展无限想象力的创作空间。 3.应用遮罩时的技巧遮罩层的基本原理是:能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果),但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如,我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。可以用“AS”动作语句建立遮罩,但这种情况下只能有一个“被遮罩层”,同时,不能设置_alpha属性。不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在gif动画上。在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮罩层时间轴面板的显示图层轮廓按钮,使之变成,使遮罩层只显示边框形状,在种情况下,你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。实例:红星闪闪 精品文档
第五课制作遮罩动画 Flash中的普通层是透明的,普通层叠在一起不会互相遮罩。与普通层相对应的层是“遮罩层”,“遮罩层”是不透明的,只有有图像或文字的地方才是透明的。利用遮罩层,可以制作一些特殊的动画效果。 一、探照灯效果 【例2-5.1】制作一个动画,产生文字在探照灯照射下逐步显示出来的效果。 分析:在普通层上放入文字,再建遮罩图层,遮罩图层上画一个圆。遮罩图层中的圆移动时,它下面的文字就随着显示出来了,就像探照灯将文字照出来了一样。 【操作步骤】 第一步:新建一个动画文件,将第一个图层的名字改为“文字”。 第二步:单击菜单【修改】 【文档】,设置背景色为黑色。在“文字”层的第1帧输入“欢迎光临”;在第15帧处插入帧,将第一帧延伸至第15帧。见图2-5.1。 图2-5.1 文字层 第三步:新建图形元件“圆”。见图2-5.2。
图2-5.2 图形元件“圆” 第四步:新建图层“灯”。将元件“圆”拖入第1帧的舞台左边,遮住左边的文字;在第15帧处插入关键帧,将“圆”实例移至舞台右边,遮住右边的文字;打开帧属性面板,在第1帧创建“运动补间动画”。 图2-5.3 “灯”图层动作补间动画 第五步:在“灯”图层上单击鼠标右键,选择“遮罩层”,如图2-5.4所示。 图2-5.4 遮罩层
测试影片,效果如何? 【试一试】 制作一个广告字幕效果的动画,要求文字从左到右逐步显示出来。 提示:遮罩层静止,对文字层中的文字元件作“动作补间动画”。 二、望远镜效果 【例2-5.2】运用遮罩层制作一个具有望远镜效果的Flash动画。见图2-5.5。 图2-5.5 遮罩效果 【操作步骤】 第一步:新建“风景”图形元件,导入风景图片;新建“望远镜”图形元件,画两个相交圆作为望远镜。 第二步:将元件“风景”拖入图层1的第1帧,调整到和舞台一样大小,与舞台对齐,插入静止帧至第45帧。见图2-5.6 第三步:将元件“望远镜”拖入图层2的第1帧;在第25帧插入关键帧,移动望远镜的位置。在第1帧创建“运功动画补间”。 第四步:将图层2设置为“遮罩层”。
2009-12-13 15:28 后台jsp处理程序: <%@ page contentType="text/html; charset=GBK" %> <%@ page import="com.sxmcc.framework.core.*"%> <%@ page import="java.util.*,com.dhcc.workflow.database.Dber,java.sql.*"%> <% /* time:2009-12-13 * @author yulw **/ %> <%--工单被起草次数统计 --%> <% String flowID = (String)request.getParameter("flowID"); String sql = "select count(*) from flow_instance_names where flow_id='"+flowID+"'"; ResultSet rs = Dber.executeQuery(sql,"查询工单被起草次数"); int count = 0; while(rs.next()){ count = rs.getInt(1); } System.out.println("该工单总共被起草了"+count+"次。"); response.setContentType("text/xml; charset=UTF-8"); response.setHeader("Cache-Control", "no-cache"); out.println("
《幻灯片动画效果设置》的说课稿——各位评委、各位老师: 你们好,我是。今天我说课的课题是《幻灯片动画效果设置》,本节课是选自上海科技出版社出版的《初中信息技术》八年级下册第五单元第四节的内容。根据新课标的理念,对于本节课,我 分析,目标分析、教法学法分析,教学过程分将以教什么,怎样教,为什么这样教为思路,从教材 析和评价分析五个方面加以说明。 一.教材分析 教材分析我通过以下五个方面来阐述 1、教材的地位和作用 《幻灯片动画效果设置》是在学生能制作、播放、浏览幻灯片的基础之上进行学习的,内容难度相对较高,但趣味性强,实用性大。风格迥异的动画显示效果,会给演示文稿增色许多。本课内容的呈现,为演示文稿的制作起画龙点睛的作用。旨在使学生掌握在图文并茂的幻灯片中设置动画的制作方法,为学生进行创造性地创作提供较为完整的知识架构,为学生的“学以致用”提供良好的展示空间。 2、学情分析 (一)学生在之前的学习中已经熟练地掌握幻灯片的制作、播放、浏览的方法,为本节课的教 学提供了知识前提。 (二)根据初中阶段的学生特点,采用形象生动,形式多样的教学方法和学生广泛参与的学习 方式,定能激发学生的兴趣,有效地培养学生能力,促进学生个性发展。
3(教学重难点 根据学生的认知发展水平和教材的特点,结合学情制定以下重难点 重点:自定义动画效果设置,动画幻灯片对象顺序的调整。 难点:动画幻灯片对象顺序的调整,提高自主设计能力。 4教材处理 根据以上对教材的分析,同时针对信息技术的特点首先给学生创设情境,激发学生的学习兴趣, 让学生在自主合作、分组讨论等一系列活动中,掌握运用知识点逐步突破重难点,最终实现本 课的教学目标。 5.课前准备 多媒体课件、导入新课所用的范例《美丽的校园》演示文稿,并且将无动画的《美丽的校 园》发入学生机中。当堂训练所用的无动画演示文稿《宋词鉴赏》。多媒体网络教室。二、目标分析 知识与技能: 通过教师引导,学生探索,加工半成品,完成《美丽的校园》自定义动画设置。掌握自定 义动画中对象的出现效果、顺序的设置以及幻灯片切换的设置方法。 过程与方法: 作品观察,任务驱动。通过课堂知识的拓展,提高自主设计能力。 情感与态度: 激发学生学习PowerPoint的兴趣,鼓励学生自己发挥想象创作作品。培养学生的团队协作
《Flash中的遮罩层的应用》教案 授课题目遮罩动画 教学目标 1.通过实例教学使学生理解Flash中遮罩的含义及原理; 2.通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法; 3.学会分析他人的Flash作品并学习其中使用的技术、技巧 4.利用遮罩图层实现文字特效,独立完成一个动画制作。 教学内容 1.FLASH中遮罩动画效果; 2.FLASH中遮罩动画的原理; 3.遮罩层的定义; 4.遮罩动画的实现过程。 教学重点及难点 1.遮罩原理; 2.遮罩动画的制作步骤。 教学方法 1.利用多媒体课件教学; 2.以实例演示为设计思想; 3.通过实例教学,使学生掌握设计方法。 课时安排:2课时 教学过程 一、教学引入: 展示遮罩动画作品。1、探照灯效果。2、电影文字。3、MTV字幕 。4、百叶窗效果。 二、教学内容: (一)“探照灯效果”的实现 1.“探照灯效果”的实现步骤 步骤一:先启动FLASH cs3,在启动界面中选择“创建新项目”→“FLASH文档”; 步骤二:点击“修改”→“文档”(或CTRL+J),设置文档属性如图1所示;
图1 步骤三:选择文字工具,并在属性面板,设置文字的属性,如图2所示; 图 2 步骤四:新建一个层,在这一层用画圆工具绘制一个不带边线的圆形做为遮罩,颜色可任选;并将绘制好的圆转换成“图形类图符”; 步骤五:设置新建层的属性为“遮罩层”,并改图层名称为“遮罩层”; 注:在此处注意观察遮罩效果,解释遮罩原理。 步骤六:把实例圆拖到文字的左面,如图3所示;
图 3 步骤七:在文字层的第25帧单击鼠标右键插入帧(或按F5键),如图4所示; 图 4 步骤八:在遮罩层的第25帧单击鼠标右键插入关键帧(或按F6键),并将圆拖至文字的右端; 步骤九:“遮罩层”设置补间动画(动作动画),如图5所示; 图 5 步骤十:保存FLASH文档,测试、导出影片。 2.遮罩的原理: (1)遮罩是需要通过两层实现的,上一层叫遮罩层,下一层叫被遮罩层。 (2)遮罩结果显示的是二层的叠加部分,上一层决定看到的形状,下一层决定看到的内容。我们通常也把遮罩层叫做“透通区”,即透过上一层看下一层的内容。 (3)遮罩显示结果的色彩由被遮罩层的色彩决定,即可通过辩别色彩的来源来确定哪一层为被遮罩层。 3.提出问题:(1)在刚才的动画中,如果改变两层的顺序,再利用“遮罩”效果,制作出的动画会有什么改变? 4.给出5 分钟时间由学生动手仿照老师完成探照灯效果。
JQuery弹出层,点击按钮后弹出遮罩层,有关闭按钮