基于Flash的凡客诚品网站的设计与实现.doc

1、目录内容摘要 1关 键 词 1Abstract 1Key words21绪 论 31.1 研究背景31.2 基于Flash的网站现状分析31.3网上服装商城的现状分析 31.4 基于Flash的网上购物网站和HTML网站的比较41.5凡客诚品购物网站的研究目的和研究定位52网上服装商城设计的相关理论62.1 网站的名称62.2 设计网站的标志62.3 网站素材的准备62.4 网站的栏目62.5 网站的色彩和风格72.6 设计网站的版面布局82.7网站设计的流程图83Flash网站开发环境与相关技术103.1 网站开发环境103.2 网站开发相关技术103.3 Action script相关知识

2、114基于Flash的凡客诚品网站的设计与实现124.1童装栏目的制作124.2服装知识栏目的制作145各个栏目的链接165.1链接的主要技术16205.2本网站的链接176小 结18参考文献19致 谢 20内容摘要：本研究课题主要以时下流行的网络动画制作工具Flash以及其提供的ActionScript2.0脚本编程技术,进行网页设计。如今已是一个信息高速发展,发达的时期,信息以网页的形式展现在人们面前,已占绝大部分。作为以计算机专业毕业的人员，掌握一门大众化的网页制作技术不仅是一种专业素质反映，而且更是为以后的择业增添了法码。Flash一直扮演着“网络动画大师”的角色，由于flash生成的

3、文件体积小，播放浏览流畅，质量高、尺寸小，交互性强，可带音效等功能特点，所以被广泛应用在网页动画创作中。关键词：FLASH网页制作网上服装商城 Abstract：This research topic mainly the ActionScript2.0 script programming technology which as well as it provides by present popular network animation manufacture tool Flash, carries on the homepage design.Now already is an inf

4、ormation high speed development, the developed time, the information by the homepage form development in front of the people, has occupied the major part.Took not only by the computer specialized graduation personnel, the brace grasps a popular the homepage manufacture technology is one kind of spec

5、ialized quality reflected, moreover has increased the weight for later choosing profession.In each greatly explores in the literature which on the engine can find to be possible to see, at present, the Flash entire homepage manufacture already is one kind ultimately.South Koreas entire Flash homepag

6、e specially popularizes specially, moreover does extremely outstandingly, the reference model value is specially big.The entire Flash homepages so receive welcome, investigates .swf document which its reason is it produces relatively small, the propagation velocity is quick on the net, moreover also

7、 can generate the exquisite animation effect and ultra strong .Flash always acts as be burning the network animated cartoon great masters role , the dimension is minor , interactive nature is strong because the document volume that flash generates small , broadcasts to browse fluent , of high qualit

8、y,may take an acoustic effect to wait for the function characteristic, to application in Web page animated cartoon creation therefore the quilt is extensive use.Key words：FlashHomepage manufactureOn net commercial cit1.绪论1.1研究背景 20世纪90年代以来，随着信息技术的飞速发展和科学技术的进步，经济的全球化和全球的信息化已经成为不可抗拒的世界潮流，人类社会即将进入知识经济时

9、代。知识经济时代的支柱是信息技术，而信息技术的基础是计算机网络。随着计算机网络技术（特别是Internet网络技术）的迅猛发展和信息基础设施的不断完善，网络已渗透到社会生活的方方面面，它不仅改变了人们的工作、生活、学习和交流方式，而且已经对整个社会的政治、经济 、科学、技术、文化和教育等领域产生了深刻影响。计算机网络为人们跨越时间、空间的信息传输、加工处理和共享提供了可能。计算机网络的产生和发展是人类社会科学技术进步和发展的一个重要标志，其产生的主要动力之一是社会应用需要。随着计算机技术的发展和应用领域的不断扩大，独立的计算机信息处理已经无法满足人们对远距离信息处理和信息共享的需求。这种需求的

10、驱动和计算机技术、通信技术以及微电子技术的发展、渗透和融合，成为计算机网络产生的主要动力。在60年代中期，计算机与计算机通信的实现为计算机网络的形成和产生打下了良好的基础，ARPANET网络就是这一时期的典型代表。如今计算机网络正朝着集成化、高速化、智能化和多媒体化等多个方向发展。1.2基于Flash的网站现状分析随着互联网技术的迅猛发展，网站数量与日俱增。有的昙花一现，有的经久不衰。究其原因，与浏览者的欣赏水平和网页的设计水平高低密切相关。现在的浏览者对网站的网页设计水平要求已越来越高，已经不仅仅满足于被动浏览，更有跃跃欲试的冲动。因此，动态交互网页已经成为网页设计的必然趋势。Macrome

11、dia公司2002年3月发布了FlashMX正式版本，这宣告了富媒体Web内容与应用时代的到来。这个新产品更加易用，效率更高，支持动态视频功能，赋予了富媒体Web内容和应用以更多创意，更是使动态交互网页设计如虎添翼，纯Flash动画的的网页也频频出现。精彩的动画与丰富的内容巧妙结合，把浏览者的目光牢牢抓住，访问量也随之迅速上升。精彩的网页动画不仅吸引了广大浏览者，更是吸引了众多的网页设计者1。1.3网上服装商城的现状分析目前中国的Internet已经从起步阶段进入了高速发展阶段，根据计算机行业年鉴最新的统计和测，随着DSL技术和电缆调制解调器进入当地市场，亚洲和欧洲国家的互联网普及率将逐渐赶上

12、美国。随着对互联网基础设施投资的加强，再加上庞大的人口数量，中国和印度的互联网用户数量到2012年将超过美国。 中国的Internet，发展速度快，潜力大。在2000年1月18日发表的中国互联网络发展状况统计报告给出的数据中，我国互联网用户到去年年底已经达到890万，国内外专家预测五年内我国互联网用户数将超过美国成为世界第一2。对中国互联网人口所作的最大胆的预测来自美国波士顿的扬基集团（Yankee Group）。它在去年11月份出版的研究报告说，中国到2001年拥有的互联网人口将达到4,000万，超过亚洲任何其他国家；而到2005年，中国就将超过美国而成为世界上互联网人口最多的国家。惠普的首

13、席执行官Carly Fiorina在去年1 0月份她首次访华时也表示，互联网在中国的应用可在短短五年内赶上美国和其它发达国家。由此看来，中国占世界总数五分之一的人口对互联网络事业来说具有特别的意义。人类社会的商业发展是从最初的易货贸易到零售再到企业的大宗交易，互联网也从零售开始，网上零售体现了互联网的互动特性，同时减少了交易的流通环节。由于互联网的互动特性，任何人可以通过网络挑选商品，货比三家，讨价还价3。每个人的生活都离不开衣、食、住、行。由于网上服装品种丰富，价格便宜，在网上购买服装已经成为时尚潮流。为消费者提供了方便。网上购买服装开展网络经营是一种必然趋势。服装网络购物占整体网购市场的比

14、例在几年将维持比较稳定的格局。服装网络购物的市场开发相对较早，如今进入平稳增长期。1.4基于Flash的网上购物网站和HTML网站的比较我们知道大凡某个著名品牌，其网络对外形象的推广，网站视觉都非常棒，可以说花了很多心思在上面，其实就是一个纯FLASH网站。此类网站的确非常的酷，非常的棒，那么我们是不是都应该去往这方面发展呢？首先我们先来谈谈纯FLASH网站的优点到底优在哪里,一般人首先肯定都会认识到，非常的酷，特效非常的棒,只要你有足够的艺术设计底蕴，你就可以随心所欲的去摆弄页面中的任何一个元素，这点要好于传统的HTML的页面，因为它需要CSS去规范，实在让人拘谨的很。纯FLASH网站第二个

15、优点就是文件体积小，这也是为什么当时FLASH流行网络风靡一时的原因吧，比起传统的视频格式要小的多，同时更优越于体程宠大的GIF动画图片，最后归纳FLASH的优点就是“酷，特效丰富，排版随心所欲，灵活性强，文件小，兼容性强”4。那纯FLASH网站的缺点又在哪儿呢？一般人都会说慢的很，这点的确说的很对。因为我们知道，一个纯FLASH网站，其实是由好多个FLASH文件组装而成，这其中就会存在加载的问题，其次，纯FLASH网站的缺点就是，功能性远远没有传统的动态网站强，必竟FLASH是不可以直接和数据库交互的，必须要通过中介来传达FLASH的响应，所以，纯FLASH网站重在宣传而不是功能性,如果用F

16、LASH去开发个论坛,那工作量真的是太大了。纯FLASH网站有优点也有缺点，就看我们怎么样去处理好这层关系，例如为什么有些公司的网站会有HTML版和FLASH版，目的就是如果你需要功能性的则进入HTML版，如果仅仅是看、浏览，那么FLASH站完全可以实现你的要求。归要结底的讲,纯FLASH站是宣传型的网站,HTML的页面是功能型的。1.5凡客诚品购物网站的研究目的和研究定位本网站的研究目的就是通过网站，全面宣传，展示凡客诚品购物网站的布局、优点与产品，随时向客户发布凡客诚品购物网站的重要信息，使客户增加对凡客诚品购物网站的了解，增强客户与凡客诚品之间的联系，在计算机网络上，让客户及时得到凡客诚

17、品购物网站搞活动和商品更换以及进出的重要信息，同时也帮助了本商城完成部分事务，提高办事效率,给客户与凡客诚品最方便的联系桥梁。在这里客户也可以提出意见及想法，商品交流及服务方面的意见想法，更加有效的促进凡客诚品购物网站的发展。对客户的需求能够更好的吸收与接纳，这些都能成为凡客诚品发展方向的参考，以便更加的提高凡客诚品的服务质量。并且，通过此纯FLASH网站的建立来加强网上购物商城对客户眼球的吸引力度。从而更进一步加强了对本购物商城在网上的知名度，也为我们以后在商业领域的发展做出了一部分的贡献。凡客诚品购物网站就是一个在网络上架构的虚拟商城。仅仅是本着出售商品而存在的。我们设计出这个网站就是在展

18、示自己的作品的同时也期望得到讯问者的认可，并且能给讯问者留下更多深刻的印象，从而能够去浏览我们的商品而获得更多订单，增加我们的销售。凡客诚品网站的定位，我觉得还是非常准确的。它所经营的主要是男装，包括衬衫，长裤，领带等。我们都知道，互联网上主要上网群体以男性居多（这点无论是从CNNIC每年的产品报告，还是从史玉柱送美女游戏玩家现金，都可以看得出来），并且男性平时大多数不愿意逛街。因此，如果网上有一个值得信赖的品牌可以让他们放心，这是一个非常巨大的潜在消费群体。2.网上服装商城设计的相关理论 2.1网站的名称 凡客诚品服装网站VANCL凡客诚品，由互联网成就的服饰家居时尚用品品牌。凡客诚品已跻身

19、中国网上B2C领域收入规模前四位。其所取得的成绩，不但被视为电子商务行业的一个创新，更被传统服装业称为奇迹。VANCL将坚持国际一线品质，中产阶级合理价位。VANCL提倡简单得体的生活方式。在这个浮华远去回归真实的氛围里，VANCL的品牌精神，更加默契于大势所趋。随着在各品类间的不断深化，将成为网民服装购买的第一选择。2.2设计网站的标志 从图上很容易看出是我们凡客诚品（VANCL）的服装品牌名字，标志很清晰，一目了然。如下图21所示：图2-12.3网站素材的准备 凡客诚品购物网站是一家网络购物网站,凡客诚品官方网站,以完善的网上购物模式和凡客诚品资深的品牌形象,缔造出非凡的vancl。凡客诚

20、品官方网站是衬衫销售量最大品牌, VANCL网上商城的产品为男装，女装，童装，佩饰等商品。我们做的是服装类购物网站，所以需要在网络上搜索大量的适宜的时装模特图片，以备我们使用。在所有素材准备好的时候，我们再实际做网站的时候再对一些素材做一些处理，比如，一些图片太大或者太小，或者是不清楚甚至有些还要重新修整时，我们就借用PHOTOSHOP等一些作图软件来处理这些图片，让它们更加美观，从而让网页的视觉效果更加美好。2.4网站的栏目 凡客诚品服装购物网站包括首页在内总共有六个栏目：首页，女装，男装，童装，配饰，服装知识。首页：首页页面中有四个子链接，分别用于链接女装，男装，童装和配饰四个子栏目。女装

21、：女装页面中有四个子链接，分别用于链接女装衬衫，女装针织衫，女装外套，女装裙子四个子栏目。男装：男装页面中有四个子链接，分别用于链接男装衬衫，男装针织衫，男装外套，男装裙子四个子栏目。童装：童装页面中有四个子链接分别用于链接童装衬衫，童装针织衫，童装外套，童装裙子四个子栏目。配饰：配饰页面中有两个子链接，分别用于链接领带和围巾两个子栏目。服装知识：服装知识页面中有三个子链接，分别用于链接服装搭配，服装面料，洗涤保养三个子栏目。如下图2-2所示图2-22.5网站的色彩和风格 以紫色为主色调，白色、黑色为次色调。大自然中的任何一种色彩都能表现出不同的感觉。主体色好的视觉形象是靠协调的色彩体现紫色是

22、优雅、浪漫、并且具有哲学家气质的颜色。紫色的光波最短，在自然界中较小见到，所以被引申为象征高贵的色彩。和白色搭配使用给人一种纯洁、神圣，明快的感觉。网页的色彩搭配非常重要，我们网站的风格就是看起来给人以温暖的感觉，并且简单大方，色彩和谐，看起来不是太凌乱。主体色好的视觉形象是靠协调的色彩体现，色彩的搭配不仅体现着美学的诉求，而且是一种可以强化的识别信号。网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，若色系能与主题合理搭配，将会增加浏览者的易读性。网站的色系包含了网页的底色

23、、文字字型、图片的色系、颜色等等，这不单只是将颜色搭配得当就算完美，还要配合每个内容，及网站主题。总之，影响网站整体风格的因素有很多，但色彩无疑是确立网站风格的灵魂。所以，主体色一经确定，要保持一定的稳定性，用这种色彩来帮助受众对网站的识别。2.6设计网站的版面布局 设计网站的第一步是设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。 我们遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置。网页左上角是我们网站的Logo，下面是导航条，我们的导航是以左右的形式出现，属于主菜单与子菜单的搭配风格，看起比较新颖。我们采用左

24、图右文字的形式，按钮则比较随机，但非常美观。最下方是我们的版权所有。2.7网站设计的流程图 如图2-3所示VANCL凡客诚品凡客诚品首页服装知识佩饰童装女装男装衬衫针织衫外套衬衫针织衫外套裙子衬衫针织衫外套裤子领带围巾服装搭配服装面料洗涤保养裤子 图2-33.Flash网站开发环境与相关技术3.1网站开发环境 Macromedia Flash是网页三剑客之一。它为创建和发布丰富的网页内容，提供了所需的所有功能；另外，利用它还能生成强大的应用程序。不管是在动画设计方面还是在制作出功能强大的应用程序，Flash都可以提供创作优秀作品的丰富工具，并且为不同的用户着想，提供很多个选项。Flash是一个

25、用于创作的工具。无论是制作简单的小动画还是复杂的交互Web应用程序（如网上购物商城），它使读者可以随意创建任何作品。如果再加上图片、声音和视频，那么做出的Flash应用程序会更加丰富多彩，诸如MTV、语言课件等等。Flash包含了许多功能，如拖放用户界面组件、给文档添加动作脚本从而添加行为，甚至可以添加到对象的特殊效果这些功能令Flash成为功能强大且易于使用的一种工具软件。在Flash中编辑创作时，是在Flash的源文档中工作，即保存时文件扩展名为.fla的文件；在发布时，会同时创建一个扩展名为.swf的文件，这个文件将在Flash Player运行。在默认情况下，运行.swf应用程序的Ma

26、cromedia Flash Player会随Flash一起安装。Flash Player确保可以在各种平台、浏览器上以统一的方式来查看和使用所有的SWF内容。53.2制作网站的相关软件在Flash基本动画制作中，主要有关键帧动画和遮罩动画的制作。关键帧动画是一种比较原始的制作动画的方法。它采用的原理实际上就是传统的动画片制作原理，先把动画中的分解动作一帧一帧地制作出来，然后再把它们连续播放，利用人们视觉停留效果，就会形成连续播放的动画了。在Flash中制作关键帧动画有两种方式，一种就是在Flash中逐帧逐帧地制作分解动作，另一种方法是导入在其他绘图软件中制作出来的分解动作的连续文件。打个比方

27、，一个图层就像一张透明的纸张，透过上面的图层可以清晰地看到下面的图层。但是遮罩图层则不同，它就像不透明的纸张一样，将下面的被遮罩层遮住，被遮罩层若要能够显示，必须在上面的遮罩图层上挖一个洞，通过这个洞才能看清楚下面的图形。遮罩图层只对它下面的被遮罩图层起作用。利用遮罩层可以实现水中倒影和波浪文字等效果。当遮罩层作用于某个普通层时，普通层上内容就会透过遮罩层上有内容的部分显示出来。将多个层结合到一个遮罩层，可以创建出很复杂的效果。除此之外，用户还可以为遮罩层制作移动的行为，以实现看到的普通层上的物体动起来的效果。遮罩层可以将和它结合在一起的普通层上面的内容隐藏起来，只有遮罩层上有内容的地方才会显

28、示普通层上的内容。应用Flash动作脚本语言编写动作脚本，可以创建具有高度交互性的动画。要创作复杂的交互动画，需要掌握本章介绍的高级技术，包括控制动画播放、建立自定义光标、获取鼠标位置、捕获按键、建立滚动文本框、设置颜色值、建立声音控制、检测碰撞和创建画线工具等。本章后面还通过一个实例，介绍这些技术的综合应用。交互动画可以与用户互动。用户可以使用键盘、鼠标或二者操作，中转到动画的不同部分，移动对象、输入信息、单击按钮、以及执行其它交互操作。通过编写在指定事件发生时执行的一些动作脚本，可以创建交互动画。当播放头到达某帧时，当影片剪辑载入或卸载时，或者当用户单击一个按钮或按下键盘上的按键时，触发动

29、作脚本的事件将发生，动作脚本将告诉Flash当特定的事件发生时要执行什么动作。要创作出具有高度交互性的动画，需要用到一些高级技术。Adobe photoshop是一款专业图形处理与平面设计软件，在同类平面图像处理的软件中，它以强大的功能，非凡的图像修饰及出色的效果深受广大用户的喜爱。它在照片处理、包装设计、广告设计、标志设计、宣传画册、书籍封面设计、网页设计及多媒体制作等多个领域得到了非常广泛的应用。3.3ActionScript相关知识 ActionScript是Flash的脚本语言。正是由于Flash中增加、完善了ActionScript，才使创作出来的动画具有很强的交互性。在简单动画中，

30、Flash按顺序播放动画中的场景和帧。而在交互动画中，用户可以使用键盘或无懈可击与动画交互，大大增加了用户的参与感，同时也大大增加了Flash动画的魅力。例如，用户可以单击动画中的按钮，然后使动画跳转到不同部分继续播放；可以移动动画中的对象，如移动手中的枪，使射出的子弹准确击中目标；可以在表单中输入信息，反馈对公司的意见等等。总之，使用ActionScript可以控制Flash动画中的对象，创建导航元素和交互元素，扩展Flash交互动画和网络应用的能力。有了ActionScript，就可以通过设置动作来创建交互动画。动作就是指用ActionScript（动作脚本）编写的、当特定事件发生时执行的

31、一组指令。触发动作的事件可以是播放头到达某帧，或用户单击一个按钮，或用户按下键盘上的键。在Flash中，可以使用Actions面板为按钮、影片剪辑或帧设置动作。使用Normal Mode(标准模式)动作面板上的控件，无需编写任何动作脚本就可以插入动作。如果已经熟悉ActionScript，也可以使用Export Mode(专家模式)动作面板编写自己的脚本。指令的形式可以是一个动作（如指令动画停止播放），也可以是一系列动作（如首先计算条件，然后执行一个动作）。很多动作的设置只要求读者具有少量的编程经验，而其他一些动作的应用则要求比较熟悉编程语言，用于高级开发。ActionScript中的对象可以

32、包含数据或作为影片剪辑以图像形式出现的编辑区中。所有的影片剪辑都是预定义类MovieClip的实例。每个影片剪辑实例均包含MovieClip类的所有属性（例如_height、_rotation、_totalframes）和所有方法（如gotoAndPlay、loadMovie、startDrag）。在面向对象的脚本编写中，依据指定的顺序，类可以相互接收属性和方法，这称为继承。利用继承可以扩展或重定义一个类的属性和方法。从其他类继承而来的类称为子类，传递属性和方法到另一个类的类称为父类。一个类可以是子类，也可以是父类。4.基于Flash的凡客诚品网站的设计与实现4.1童装栏目的制作成功实例1：当

33、鼠标滑到图片上出现大图，即购买页面。具体制作步骤如下：1)导入一张图片到库，在场景中新建层在第一帧上插入关键帧，把该图片转成按钮元件，放入舞台的适宜位置，调整大小。然后再该按钮上添加代码如下：on(rollOver) _root.gotoAndStop(2);/当鼠标滑上的时候跳转到主场景的第二帧2)新建一个影片剪辑元件（购买页面）。新建六层分别为：一层为简单的形状补间动画（背景有小到大）。二层最后一帧为欲出售的服装商品。三层最后一帧为产品的名字、商号及价钱信息。四层最后一帧为购买按钮。五层最后一帧为退出当前页面按钮。3)在场景中新建层，在第二层的第二帧插入关键帧，把刚制作的影片剪辑元件放在这

34、一帧。第一层的第二帧为延长帧即可。4)ctrl+Enter测试。如下图：图4-1成功实例2：单击按钮在同一区域出现不同的图片。具体制作步骤如下：1)新建影片剪辑元件，新建六层。第一层插入四个关键帧，分别放置四张不同但大小一样的图片。2)二三四五层的第一帧分别放入图1,图2，图3， 图4按钮，然后延长到第四帧。图1按钮加动作（跳转到指定的帧）如下： on (release)gotoAndStop(1);/当释放鼠标的时候跳转到第一帧图2，图3，图4如上不同的是跳转的帧数不一样。3)第一帧加动作：shop（）；然后把影片剪辑元件拖入舞台的适当位置即可。4)Ctrl+Enter测试。如下图：图4-2

35、成功实例3：童装栏目里外套页面上文字的实现。具体制作步骤如下：1)新建影片剪辑元件，新建四层，分别在六十帧处插入关键帧。第一层蓝色背景由小变大，创建形状补间。二层为文字层，三层为条纹形状图形，一帧处没有遮住文字，最后一帧把文字完全覆盖，然后创建补间动画。最后右击条纹形状层为遮罩层，文字层为被遮罩层。2)四层的最后一帧添加动作：shop（）；3)场景新建两层，第一层的第一帧为关键帧，设置矩形工具属性画一个边框颜色为白色，笔触高度为4，笔触样式为波浪型。4)在场景二层的第一帧处放上刚新建的那个影片剪辑元件，位置在边框内部。5)Ctrl+Enter测试。如下图：图4-34.2服装知识栏目的制作成功实

36、例1：用代码控制的漂亮滚动条的制作。具体制作步骤如下：1)新建影片剪辑元件1，一层为紫色的条矩形图形（滚动条）。该滚动条其实是一个按钮元件，本按钮只在点击状态下插入关键帧。其它（弹起、指针经过、按下）状态下为空白关键帧。二层为条状矩形即滚动条的背景颜色为浅蓝色。2)新建影片剪辑元件2，第一层为文字层，二层为从上之下的矩形形状，一帧处没覆盖文字，最后一帧完全覆盖文字，创建形状补间动画，三层的最后一帧加动作：shop（）；3)在场景中新建三层，一层放置影片剪辑元件2，二层放置影片剪辑元件1，三层添加的部分代码如下： mask=scrollContent._parent.createEmptyMov

37、ieClip(mask, scrollContent._parent.getNextHighestDepth();/在父级建一个空的影片剪辑 if (!mouseWheelHitTest) | scrollContent.hitTest(_root._xmouse, _root._ymouse, false) | hitTest(_root._xmouse, _root._ymouse, false) dragButton._y = dragButton._y - delta * wheelStep; if (dragButton._y buttonSize + scrollHeight -

38、dragButtonHeight) /如果点击向下按钮不放，就不断向下移动滚动条Mouse.addListener(mouseListener);/鼠标事件侦听器curY = -scrollContent._y; vY = 0;4) Ctrl+Enter测试。如下图： 图4-4成功实例2：单击小图，大图至上而下展现的效果。具体制作步骤如下：1)（大图）新建影片剪辑元件1，新建四层，分别在六十帧按F5, 一层为图片元件.二层前五帧是逐帧动画，但图片的alpha值不同有透明到渐显，并且位置不同，后三十五帧为不一的补间动画。延续到设计图片的位置及alpha为100%。三层为矩形，大小和图片相吻合。四

39、层为添加的动作如下： stop (); _root.pic_animation = 1;gal1.gal.gotoAndStop(_root.pic);2)（小图）新建影片剪辑元件2，新建二层，一层为图片（按钮）。 二层为是一个会移动的放大镜，创建补间动画。按钮上添加的部分代码如下： on (rollOver)if (_root.pic != num) this.gotoAndPlay(s1); /当鼠标滑过的时候如果不等于那个数值那么就跳转到当前某一帧3)把新建的影片剪辑元件从库中拖入场景。最后按ctrl+Enter测试影片。如下图：图4-55.各个栏目的链接5.1链接的主要技术在播放原始

40、SWF 文件时，将 SWF、JPEG、GIF 或 PNG 文件加载到一个级别中。在 Flash Player 8 中添加了对非动画 GIF 文件、PNG 文件和渐进式 JPEG 文件的支持。如果加载动画 GIF，则仅显示第一帧。一般情况下，Flash Player 显示单个 SWF 文件，然后关闭。loadMovieNum() 动作使您可以一次显示多个 SWF 文件，并且无需加载另一个 HTML 文档即可在 SWF 文件之间进行切换。当加载 SWF 文件时，可指定任何级别号，并且可将 SWF 文件加载到已加载有 SWF 文件的级别。如果执行此动作，则新的 SWF 文件将替换现有的 SWF 文件

41、。如果将 SWF 文件加载到级别 0，则 Flash Player 中的每个级别均被卸载，并且级别 0 将替换为该新文件。处于级别 0 的 SWF 文件为其它所有加载的 SWF 文件设置帧频、背景色和帧大小。loadMovieNum() 动作也允许您在播放 SWF 文件时将 JPEG 文件加载到该 SWF 文件中。对于图像和 SWF 文件，在加载文件时，图像的左上角均与舞台的左上角对齐。另外，在这两种情况下，加载的文件均继承旋转和缩放设置，并且原始内容将在指定级别中被覆盖。 参数：url:String - 要加载的 SWF 文件或 JPEG 文件的绝对或相对 URL。相对路径必须相对于级别 0

42、 处的 SWF 文件。为了在独立的 Flash Player 中使用 SWF 文件或在 Flash 创作应用程序的测试模式下测试 SWF 文件，必须将所有的 SWF 文件存储在同一个文件夹中，并且其文件名不能包含文件夹或磁盘驱动器的规格。level:Number 一个整数，指定 SWF 文件将加载到 Flash Player 中的哪个级别。method:String 可选 - 指定用于发送变量的 HTTP 方法。该参数必须是字符串 GET 或 POST。如果没有要发送的变量，则省略此参数。GET 方法将变量附加到 URL 的末尾，它用于发送少量的变量。POST 方法在单独的 HTTP 标头中发

43、送变量，它用于发送长字符串的变量。示例：下面的示例将 JPEG 图像 tim.jpg 加载到 Flash Player 的级别 2 中： loadMovieNum( 2);而unloadMovieNum（）是卸载之前加载进来的影片剪辑。5.2本网站的链接我们网站主要用loadmovie方式进行文档之间的链接主导航及二级导航分别是用以下方式进行页面之间的链接，每一个下设的链接导航都是一个按钮元件，在其动作是加入以下代码，每个按钮根据不同的跳转页面加载不同的.swf文件，如：on (press) loadMovieNum(index.swf,1);_level1_x=0;_level1_y=0;6

44、.小结我们在做这个网站的时候，着实遇到了以前没遇到或不曾注意到的一些问题，我们竭尽去理解学会它。在这期间，我们问过老师问过同学上网查过资料。通过自己不懈的努力， 能够感觉到自己无论在理论还是在实践水平方面都得到了很大程度上的提高。参考文献 1吴颂志，梁锦明，黎文锋. FlashMX2004网页设计基础与实例教程.北京：电子工业出版社,2001：285287.2张震，邓伟舛. 中文Flash8动画网页制作与实例教程. 北京：冶金工业出版社，2003：115126.3孙平，李浩，刘志华.中文FlashMX网页设计实用教程. 北京：冶金工业出版社，2004：18.4廖疆星，吴茵茵，肖金秀.中文FlashMX动画网页大制作. 北京：冶金工业出版社，2000：328329.5陈冰.FlashMX第一步ActionScript编程篇. 北京：清华大学出版社， 2003：425448.