Flash中加载HTML文件

lgj573

浏览: 208705 次
来自: ...

最近访客更多访客>>

ideabobo

kgajjd

cqulong

执着青年

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

flash

HTML Flash CSS XML

1、建立三个图层，从上至下分别为action（控制代码）、text（加载内容）、bg（背景图）；

2、选中bg图层第一帧，插入一关键帧，导入一图片做背景；

3、选中text图层第一帧，插入一关键帧，添加一动态文本框，设置好其属性，并将其实例命名为content_txt；

4、选中action图层第一帧，加入以下代码：

var myStyle:TextField.StyleSheet = new TextField.StyleSheet();
myStyle.load("sample.css");
content_txt.styleSheet = myStyle;

content_txt.multiline= true;
content_txt.wordWrap = true;
content_txt.html = true;

var story:XML = new XML();
story.ignoreWhite = true;
story.load("sample.html");
story.onLoad = function () {
content_txt.htmlText = story;
}

5、建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>

和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;
}

将以上两个文件和导出的SWF文件放同一目录下。

注意：在sample.html文件中用到一图片，随便找幅将其命名为sample.jpg即可。

分享到：