相关文章
北京网站制作批量消除链接虚线框方法
网站设计详解css定位与定位应用
网站建设3.1-下载自动套用栏目设定模板的修改方法
北京网站设计发现CSS控件的好处
网页设计定时自动关闭的窗口
北京网站制作Dreamweaver MX 2004 行为之播放声音
企通互联Dreamweaver构建Blog(11):BLOG站内搜索的实现
企通互联入门教程－模仿物体高速运动
企通互联Dreamweaver基础视频教程16 建立框架页面
北京网站设计Dreamweaver经典问题大搜罗(六)
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 北京网页设计网页设计Flash MX 2004 显示外部css和html文件
北京网页设计网页设计Flash MX 2004 显示外部css和html文件
实例 Text Enhancements
一、涉及特性 北京网站设计
网站设计
在实例中，主要涉及在Flash MX 2004中引用和显示外部的css文件和html文件。这些都是在 北京网站设计Flash MX 2004中才有的新特性，应用也非常方便。本实例在 www.qt-net.comFlash MX 2004中的操作非常简单，不过这正从侧面反映了它的功能强大。 北京网页设计
网站制作
二、制作过程 北京网站设计
网站建设
1、建立一个文件，命名为sample.css。其内容如下： 网站设计
headline {
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
display: block;
}
subheadline {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
display: block;
}
mainBody {
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
display: block;
}
biline {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-style: italic;
display: inline;
}
A {
font-family: Arial,Helvetica,sans-serif;
color:cccccc;
font-size: 10px;
display: inline;
text-decoration:underline;
}
上面的css文件中，中括号里面的是对应的属性。比如font-family是字符集，font-size是字体大小，display是字体的显示方式，等等。只要有简单的网页制作知识就应该可以看懂的。
2 北京网站制作、新建一个文件，命名为sample.html，其内容如下：
<body> <headline>Giant Sea Lion Spotted</headline> <subheadline>Citizens scared, amazed</subheadline> <biline>Today - Our City </biline> <mainBody>A giant sea lion was spotted today rampaging around the city's main square, scaring thousands of innocent people just out for a daily stroll in the beautiful downtown district. <img align='right' src='sample.jpg'/>No injuries were reported after the animal's two-hour assault of the shopping district famous for it's sea lion purses and shoes, also known as the "sea lion district". Witnesses said the creature came out of the ocean near the Burger King at 42nd and 1st Avenue, startling many and stalling traffic. "The animal caused nearly four million dollars of damage to the neighborhood," said Joseph Valente, owner of "Sea Lions R' Us" at 43rd and 2nd. Onlookers to the scene said that the sea lion appeared ornery, but otherwise in good spirits. Officials are uncertain as to when, if ever, the sea lion may return. <A HREF="http://www.macromedia.com">Click here for more.</A> </mainBody> </body>
网页设计 这个文件的内容是应用了前面所创建的css格式的html文件。（严格来说，此文件更像是一个xml文件。）
3、将一个名为sample.jpg的图片放到跟第一、二步所创建的文件的同一目录中。
4、新建一个Flash MX 2004的文件，保存在跟前面所创建的文件所在的目录中。
5、用文本工具在场景中拉一个文本输入框，命名为content。在属性面板上设置如1 网站制作所示。
6、在TimeLine 北京网站建设中新建一个图层，命名为Action，在此层的Action面板上面增加如下语句：
/* Copyright 2003 Macromedia, Inc. All rights reserved.
The following is Sample Code and is subject to all restrictions
on such code as contained in the End User License Agreement
accompanying this product.
*/
var ss:TextField.StyleSheet = new TextField.StyleSheet();
//注释1;定义一个变量ss，它的类型为TextField.StyleSheet.
ss.load("sample.css");
//注释2;读取sample.css文件的内容到ss中。这里要注意所有文件的保存路径要一致.
content.styleSheet = ss;
//注释3;设置文本框content的几个属性.
content.multiline= true;
content.wordWrap = true;
content.html = true;
story = new XML();
//注释4;创建一个xml对象.
story.ignoreWhite = true;
story.load("sample.html");
//注释 网站建设5;读入sample.html文件的内容到story中.
story.onLoad = function () {
//注释6;设置story的onLoad函数，函数的内容为设置content的htmlText为story
content.htmlText = story;
}
三、实际用途
从实例的制作过程中可以看到，以前在Flash中一行一行地调整文字显示效果的时候再也不会出现。Flash MX 2004中操作HTML文件非常灵活，修改显示效果也很方便，只要改一下相应的文件内容就可以了。这在用Flash来做比较多的文字显示处理的场景中非常有用。
上一篇：北京网站建设Flash MX 2004 新模板应用（2）
下一篇：北京网站设计Flash MX 2004 的历史面板（1）