使Flash在网页中实现全屏显示

网页|显示

  我们在制作网页的时候经常希望使我们制作的FLASH实现在网页中全部显示,也就是说网页中除了FLASH以外再不显示其他内容,首先给大家做了个演示页面,大家可以看看效果。

  其实这个效果很简单的,主要是利用Flash的发布功能和CSS技术实现。

  具体制作过程:

  1.启动我们的Flash MX 2004,并且打开一个已经存在的源文件。

  2.选择“文件”菜单,从中选择“发布设置”,在出现的对话框中选择“HTML”选项卡,然后按如下图形式进行设置:

  3.然后点击“发布”按钮,发布影片,注意发布到哪了?这时我们打开我们发布到的路径就会发现已经有两个文件存在了:一个是扩展名为.SWF,另一个为.HTML的文件,这时我们右击.HTMl的文件,选择打开方式为记事本打开就会查看到代码了,代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
//以上为文档类型说明语句,在HTML文件中是不执行的。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>myfile</title>
</head>
<body bgcolor="#ffffff">
<!-- 影片中使用的 URL-->
<!-- 影片中使用的文本-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=7,0,0,0" width="100%" height="100%" id="myfile" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.webjx.com/htmldata/2005-04-15/myfile.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://www.webjx.com/htmldata/2005-04-15/myfile.swf" quality="high" scale="noscale" bgcolor="#ffffff" width="100%" height="100%" name="myfile" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage=http://www.macromedia.com/go/getflashplayer />
</object>
</body>
</html>

  4.这是如果我们双击打开.HTML文件在IE中浏览的话,大家可以发现并不是FLASH文件已经充满了整个网页,因为大部分的浏览器都设置了一个默认的边框,这时如果我们想让FLASH充满整个页面,就必须用到CSS来实现了!把下面的CSS代码加入到上面HTML文件的<HEAD>和< P head>区域内。然后再双击打开在IE中浏览就会看到已经充满了整个页面了!

  CSS的具体代码如下:

<style type="text/css">
<!--
body {
height: 100%;
width: 100%;
margin: 0;
}
-->
</style>

  5.最后提供给大家演示效果:单击这里查看效果 点击这里下载源文件(其中包括.fla,.swf,html文件)

时间: 2025-01-19 02:49:51

使Flash在网页中实现全屏显示的相关文章

Word文档全屏显示的方法

  1.启动Word 2013并打开需要的文档,在"开发工具"选项卡的"控件"组中单击"旧式工具"按钮,在打开列表的"Activex控件"栏中选择"命令按钮"控件,如图1所示. 图1 选择"命令按钮"控件 2.此时Word会在插入点光标处添加一个"命令按钮"控件.右击该控件,选择快捷菜单中的"属性"命令打开"属性"面板,在&qu

页面打开时短时间内全屏显示flash然后自动隐藏,在asp.net中如何实现啊(急)

问题描述 如题页面打开时短时间内全屏显示flash然后自动隐藏,在asp.net中如何实现啊?高手帮忙哦

在VC中实现全屏窗口程序

全屏显示是一些应用软件程序必不可少的功能.比如在用VC++编辑工程源文件或编辑对话框等资源时,选择菜单"ViewFull Screen",即可进入全屏显示状态,按"Esc"键后会退出全屏显示状态. 在VC++6.0中我们用AppWizard按默认方式生成单文档界面的应用程序框架.下面将先讨论点击菜单项"ViewFull Screen"实现全屏显示的方法,再讲述按"Esc"键后如何退出全屏显示状态. 1) 在CMainFrame

MFC框架程序中全屏显示特性的实现

在开发图像显示程序以及视频应用程序时,常常需要全屏显示特性,比如ACD See和豪杰解霸等应用都有全屏显示功能.本文将介绍如何在MFC框架程序中实现视图的全屏显示,也就是说将标题.菜单.工具栏.状态栏以及窗口的所有边框全部被隐藏,视图充满整个屏幕.并提供全屏显示与框架窗口之间的快捷切换操作. 大家知道,在MFC框架中并没有提供现成的类或者函数来实现全屏显示特性,至少我到目前为止是没有发现.但是要实现这个特性也并不难.其基本思路是调整主窗口的大小和位置,使视图的显示充满屏幕.它需要以屏幕左上角为原

在Word2003中打开和关闭“全屏显示”视图

  在Word2003文档"全屏显示"视图中,标题栏.菜单栏.工具栏.状态栏以及其他的元素都被隐藏起来了,从而使有限的屏幕空间可以更多地显示文档内容.在该视图方式中用户可以输入和编辑文本,也可以选择常用的键盘命令.为了扩大Word2003文档窗口编辑区域,用户可以依次单击"视图"→"全屏显示"菜单命令切换到"全屏显示"视图,如图1所示. 图1 Word2003"全屏显示"视图 在Word2003文档&quo

网页全屏显示代码

下面分享网页全屏显示代码,想做全屏显示效果的朋友可以参照下. 最常见的是使用window.open的方法,直接打开全屏网页: <script> <!-- function fullwin(){ window.open("bigpage.html","bfs","fullscreen,scrollbars") } //--> </script> <center> <form> <in

在MFC程序中添加全屏显示功能

这是工作室为实现全屏显示所发集的一个演示程序.你可以通过选择全屏显示菜单选项时看到相应的效果.这段代码包括两个内容:全屏显示,浮动工具条(用于恢复操作). 下图便是全屏状态和用于切换的浮动工具条 具体实现步骤: 以下的代码被添加到CmainFrame类中.这里是使用到的四个消息以及他们的简要说明: 1.OnViewFullScreen:全屏显示菜单项的句柄. 2.OnGetMinMaxInfo:捕获 WM_GETMINMAXINFO消息来让你改变窗体大小. 3.IsFullScreen:测试程序

imageview-如何让图片在ImageView中全屏显示?

问题描述 如何让图片在ImageView中全屏显示? 在ScrollView中嵌套Linearlayout,在linearlayout布局中有很多的ImageView控件,然后在代码中添加帧动画,imageview指定大小时(比如layout_width="50dp"),图片可以正常显示,但是做屏幕适配的时,将imageview的layout_width和layout_height设置为match_parent后,所有的图片都是缩小显示,这是为什么?如何做才可以将图片全屏显示? 解决方

Android中实现全屏、无标题栏的两种办法(另附Android系统自带样式的解释)

原文:Android中实现全屏.无标题栏的两种办法(另附Android系统自带样式的解释) 在进行UI设计时,我们经常需要将屏幕设置成无标题栏或者全屏.要实现起来也非常简单,主要有两种方法:配置xml文件和编写代码设置. 1.在xml文件中进行配置 在项目的清单文件AndroidManifest.xml中,找到需要全屏或设置成无标题栏的Activity,在该Activity进行如下配置即可. 实现全屏效果: android:theme="@android:style/Theme.NoTitleB