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

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

Flash中开启全屏的窗口

难度: 中级
软件环境: Flash 4 or 5, NS or IE 4 or higher.

我们在这个例子中有很多的需求,但是我不是一个JAVACSCRIPT程序员,所以我请人在网页中实现这一效果。大多数人觉得全屏很烦人,所以我们总结出一条经验:决不 在大家不需要全屏的时候实现它,因为这样做很烦人,不是吗?那好,我们继承。

我们要将这些代码拷贝粘贴到我们的HTML文件中。我对这段代码做了细微的改动以答应我们实现这一功能。

我接到的许多邮件中常常包含以下两个常见的错误:

  • 在FLASH中发布HTML文件的时候,会将之前的HTML文件中的内容覆盖,因此要先发布HMTL文件,再粘贴代码。
  • 假如没有效果,清除一下IE中的临时文件。
  • 假如你使用苹果的浏览器请查看页面最下面的附注。

你需要做两步简朴的步骤以实现弹出全屏窗口:

  1. 拷贝并粘贴下列代码到HMTL文件中的<head>和</head>标签之间(你FLASH生成的HTML文件)

    <script language="JAVASCRIPT">

    <!--

    function detectVersion()
    {
    version = parseInt(navigator.appVersion);
    return version;
    }

    function detectOS()
    {
    if(navigator.userAgent.indexOf(\\'Win\\') == -1) {
    OS = \\'Macintosh\\';
    } else {
    OS = \\'Windows\\';
    }
    return OS;
    }

    function detectBrowser()
    {
    if(navigator.appName.indexOf(\\'Netscape\\') == -1) {
    browser = \\'IE\\';
    } else {
    browser = \\'Netscape\\';
    }
    return browser;
    }

    function FullScreen(){

    var adjWidth;
    var adjHeight;

    if((detectOS() == \\'Macintosh\\') && (detectBrowser() == \\'Netscape\\')) {
    adjWidth = 20;
    adjHeight = 35;
    }
    if((detectOS() == \\'Macintosh\\') && (detectBrowser() == \\'IE\\')) {
    adjWidth = 20;
    adjHeight = 35;
    winOptions = \\'fullscreen=yes\\';
    }
    if((detectOS() == \\'Windows\\') && (detectBrowser() == \\'Netscape\\')) {
    adjWidth = 30;
    adjHeight = 30;
    }
    if(detectVersion() < 4) {
    self.location.href = \\'oldbrowser.html\\';
    } else {
    var winWidth = screen.availWidth - adjWidth;
    var winHeight = screen.availHeight - adjHeight;
    var winSize = \\'width=\\' + winWidth + \\',height=\\' + winHeight;
    var thewindow = window.open(\\'windowversion.html\\', \\'WindowName\\', winSize);
    thewindow.moveTo(0,0);
    }
    }

    function MakeItSo(){
    if((detectOS() == \\'Windows\\') && (detectBrowser() == \\'IE\\')) {
    window.open(\\'thefullscreen.html\\',\\'windowname\\',\\'fullscreen=yes\\');
    } else {
    onload=FullScreen();
    }
    }
    // -->


    </script>


  2. 改变如下两行的HTML文件为你想要弹出的窗口。
    var thewindow = window.open(\\'windowversion.html\\', \\'WindowName\\', winSize); -- line 50
    and
    window.open(\\'thefullscreen.html\\',\\'windowname\\',\\'fullscreen=yes\\'); -- line 56
  3. 改变下面的文件是提示你浏览器版本过旧的问题。(译者:基本没什么用,不用理它)
    self.location.href = \\'oldbrowser.html\\'; -- line 46
  4. 创建一个按钮在你的FLASH文件中,并加入如下的ACTION:
    on (release) {
    getURL ("javascript:MakeItSo()");
    }

注重一下,我们需要弹出的全屏的窗口是在JAVASCRIPT中实现的。假如你需要实现按不同的按钮通过定义变量实现不同窗口的全屏,这篇教程就写不下了,假如你需要,到论坛来,我们会帮解决。

附录:

如何实现不带卷轴的全屏效果,很简朴,将滚动条设置为无,如下:

<body bgcolor="#FFFFFF" text="#000000" scroll=\\'no\\'>

返回类别: Flash教程
上一教程: FlashMX 视频教程(10)-滴管工具的使用
下一教程: 用FlashMX制作拖动悬浮窗口

您可以阅读与"Flash中开启全屏的窗口"相关的教程:
· 在FLASH中弹出网页窗口
· Flash制作一个精美的课件退出窗口
· 用FlashMX制作拖动悬浮窗口
· FLASH+JS做的全屏效果及AS集锦
· Flash制作最简朴的可拖拽窗口教程
    微笑服务 优质保证 索取样品