网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置： > bitsCN.com > 网管学堂 > 网页设计 > Flash > 制作技巧 > 在Flash中调用Html的层  

在Flash中调用Html的层

2006-05-01  作者:中国网管联盟  来源:BitsCN.com整理  点评 投稿 收藏

本教程需要大家有一些关于HTML, CSS, Flash, javascript 和ASP的基础知识

    用Html文本与Flash一起来制作动画是一个很好的方式。 它非常的简单, 而且容易上手，只需要使用ActionScript中的getURL()脚本就可以了，比你能想象到的任何其他编成语言（例如javascript）都更方便，功能也更强大。

中国网管论坛bbs.bitsCN.com

    请看下面这个情节: 在一个特殊工程中，设计师需要Flash 动画运行于页面的顶端，然后在Flash播放后，再显示文本。你可以在Flash中做很多的事情，但是在这例子中不适合用它来在HTML的层中显示文本。

网管联盟bitsCN@com

    第一步:布局

网管联盟bitsCN@com

    首先创建一个包含层的网页（如果你对层这个概念不熟悉，可以在Google中搜索一下，你会发现有很多有用的东西，是很值得你花点时间看一下的）。在我的例子中，使用了一个导航层，一个用来显示文本内容的层和一个Flash层，如下图所示：

网管网www.bitscn.com

在Flash中调用Html的层 网管网www_bitscn_com

    我在下面用到的效果是在Flash影片完成播放前隐藏文本内容层，所以第一件要做的事情就是设置层的可见属性为隐藏，其他两个层保持默认的可见属性。

网管u家u.bitscn@com

   第二步: javascript 网管论坛bbs_bitsCN_com

    这里我说明一下： 我是使用Dreamweaver的内置的显示/隐藏脚本，并把它插入到网页的头部。

中国网管联盟bitsCN.com

    无论是自己写的javascript脚本，还是从脚本库或者DreamWeaver中拖动一个，你都可以切换图层的显示和隐藏了。使用这个脚本，可以很快地写出自己想要的简单javascript函数。 网管u家u.bitscn@com

    上图中的模型实际上要比这个完成的功能更简单。 实际上，一共三个层----内容层和两个包含鼠标上下箭头图形的层，它们是用来滚动内容层的。这些都是需要隐藏直到影片播放完成的东西。这里我没有在flash的时间轴中创建四个不同的脚本，而是创建了一个javascript脚本来很快的显示所有层：

网管bitscn_com

<script language=\"javascript\" type=\"text/javascript\">
        <!--
      function MM_findObj(n, d) { //v4.01
        var p,i,x; if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length)
        {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
        if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
        x=d.forms[i][n];
        for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
        if(!x && d.getElementById) x=d.getElementById(n); return x;
        }
      function MM_showHideLayers() { //v3.0
网管联盟bitsCN_com

        var i,p,v,obj,args=MM_showHideLayers.arguments;
        for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null)
        { v=args[i+2];
        if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v;
        }
        obj.visibility=v; }
        }
      function showLayers() {
        MM_showHideLayers('content','','show')
        MM_showHideLayers('divUpControlMain','','show')
        MM_showHideLayers('divDownControlMain','','show')
        }
      -->
        </script>

    非常的简单！ 正如所看到的，所有我需要做的就是为每个需要显示的层创建一个脚本函数。 我不是一个很强的javascript程序员，肯定还有更好的方式来实现它。

网管网www.bitscn.com

    第三步：在Flash中调用这个函数

网管下载dl.bitscn.com

    在flash影片的时间轴上需要出现文本内容层的地方插入下面脚本：

网管联盟bitsCN@com

    getURL(\"javascript:showLayers()\"); 网管bitscn_com

    现在，在HTML网页中的隐藏的层，就可以通过Flash影片来控制它在适当的时候显示出来。但这仍然有个问题，用户每次打开网页，都需要耐心看完影片才能看到内容文本。下面是我的解决方案。

中国网管联盟bitsCN.com

    第四步：挽救人们的耐心

网管联盟bitsCN_com

    当用户第一次访问这个页面的时候，可以做个Cookie记录,当用户再次访问的时候，服务器读取Cookie就可以知道他们是否已经看过影片了。如果用户已经看过影片了，就可以用最后的一帧和一个小的播放按钮来代替影片， 用户就可以直接看到文本内容了。利用Google,花点时间你可以用Perl,PHP,javascript等任意一种语言来做这个功能。这里ASP是我所选择的武器。代码一共有两部分：

网管网www.bitscn.com

    1)检查Cookie并显示适当的内容：

网管联盟bitsCN_com

    2)窗体顶端

网管联盟bitsCN_com

<div id=\"Flash\" style=\"position:absolute; left:0; top:0; width:760;
height:160; z-index:1; visibility: visible\">

网管联盟bitsCN@com

<%
If Request.Cookies(\"viewed\")(\"force\") = \"\" Then
%> 网管联盟bitsCN_com

<p><object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"
codebase=\"http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=4,0,2,0\"
width=\"760\" height=\"160\">
<param name=\"movie\" value=\"swf/force.swf\">
<param name=quality value=high>
<param name=\"loop\" value=\"false\">
<param name=\"menu\" value=\"false\">
<embed src=\"swf/force.swf\" quality=high pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\"
type=\"application/x-shockwave-flash\" width=\"760\" height=\"160\"
loop=\"false\" menu=\"false\">
</embed>
</object></p>

网管联盟bitsCN_com

<%
Else
%>

网管下载dl.bitscn.com

<p><img src=\"img/stills/force.jpg\" width=\"760\" height=\"160\"
border=\"0\"></p> 网管下载dl.bitscn.com

<script language=\"javascript\" type=\"text/javascript\">
showLayers()
</script>

网管论坛bbs_bitsCN_com

<%
  End If
  %> 
 
</div>

网管网www_bitscn_com

    简单点来说就一个语句---如果Cookie为空或者不存在则嵌入Flash影片（在播放完之后会显示隐藏的层），否则显示最后一帧的JPG图片来切换隐藏的层。 网管下载dl.bitscn.com

    2) 写cookie

网管网www.bitscn.com

    <% Response.Cookies(\"viewed\")(\"force\") = \"True\" Response.Cookies(\"viewed\").Expires = Date + 90 %>

网管网www_bitscn_com

    只要用户访问了本页面并且是在浏览器中第一次浏览, 就会写入Cookie，以后再浏览的时候就不会再受影片的打扰了。还剩下一件事情就是如果他们想再次观看影片怎么办？我做一个简单脚本clear.asp 和一个'重播'链接：

网管u家u.bitsCN.com

    <a href=\"clear.asp?url=force.asp&cookie=force\">重播</a> 网管u家u.bitsCN.com

    如你所看到的，这个链接会清除掉Cookie,代码如下（ASP中）：

网管u家u.bitscn@com

    <% strURL = Request.QueryString(\"url\") strCookie = Request.QueryString(\"cookie\") Response.Cookies(\"viewed\")(strCookie) = \"\" Response.Redirect strURL %>

网管联盟bitsCN_com

    所有我要做的就是从query字符串中得到这个URL和Cookie的名字，删除相应的cookie并且重新定位到用户打开过的页面。为什么要这样做呢？因为简单的在同一个页面中清除cookie是不起作用的，已经太迟了。你需要重新装载一下这个页面，这就是我的解决方案，所有的已经做完了并且它运行的非常出色。 网管联盟bitsCN@com


TAGs：调用   Flash   影片   显示   javascript   需要    
 上一篇：Flash中调用XML程序实现分页效果   下一篇：Cool 3d与Flash联袂打造三维片头
相关文章列表
在Flash中调用Html的层 评论：
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规，评论不得超过250字。

验证码： 注册用户
本类热门排行：
1.用透明Flash装扮好QQ空间
2.flash中浅谈角色旋转的动画制作
3.日本动画制作幕后完全流程揭秘
4.漫画人物的鼻子和嘴巴速成指南
5.Flash技巧：SWF图片切换效果
6.如何修改受保护的Flash文件
7.Flash：卷轴画的制作
8.Flash动画制作技巧之如何掌握逐帧动画
9.FLASH中的骨骼动画工具
10.Flash学习：花招技巧荟萃
最新推荐文章：
1.Flash AS简单测试图片所在的层次
2.flash9.ocx 加载错误解决方法
3.Flash动画制作过程概述及时间控制技巧
4.用Flash按钮弹出窗口
5.在Flash中调用Html的层
6.Cool 3d与Flash联袂打造三维片头
7.绘画技巧：Flash绘制人头造型
8.在FLASH中实现Tooltip功能
9.flash与后台数据交换方法整理续
10.谈谈新浪网体育新闻中的SWF用法
网管论坛交流：
·不疯魔不成活
·令你大开眼界的真正标准化机房，已整理重
·华为HCSE OSPF路由协议培训教材 V3.0
·为赈灾，女孩舍身拍“裸照”
·Windows Server 2003服务器群集创建和配
·exchange2k3全套官方资料
·双儿一周岁了。。。特殊的礼物来啦。。
·存储备份技术版块守则
·无盘技术交流区守则
·DOS命令基础大全之命令详解<作者吐血