快精灵印艺坊 您身边的文印专家 广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

使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="myfile.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="bgcolor" value="#ffffff" />
<embed src="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文件)

返回类别: Flash教程
上一教程: 灵活活运用Flash中的“连接影片”功能
下一教程: ActionScript数组使用小结

您可以阅读与"使Flash在网页中实现全屏显示"相关的教程:
· Flash动画在网页中播放控制器制作祥解
· FLASH中实现眨眼睛的动画效果
· Flash中实现物体运动的三种方式
· 网页中设置flash透明代码
· 在Flash中实现设为首页和加入收藏夹
    微笑服务 优质保证 索取样品  
  快精灵印艺坊 版权所有 首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店
网站地图关于我们友情链接