如何使用MX 2004的CSS功能

文章类别：Flash | 发表日期:2008-9-21 20:12:31

　　因為討論區沒看到什麼人討論關於CSS的問題, 也不知道是不是大家都懂得用了, 所以在這裡稍為介紹用法... :)





步驟1:

在場景上建立一個動態文字欄, 設定實體名叫output, 設定為multiline

步驟2:

在第一個frame輸入以下的:

var myStyle = new TextField.StyleSheet();
var txt = "<p class=''c1''>Super-Tomato 1</p><p class=''c2''>Super-Tomato 2</p>"; //注重這裡的class, 他會根據你css文件中設定的方式呈現
myStyle.load("style.css");
myStyle.onLoad = function(loaded) {
if (loaded) {
output.styleSheet = myStyle;
output.text = txt;
} else {
output.text = "CSS file not found !_!"; //CSS載入不成功
}
};

步驟3:

打開記事本, 輸入以下代碼存為style.css, 并和flash文件放在同一目錄下

.c1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000000;
}

.c2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #FF6600;
}

步驟4:

發佈并測試, 需要使用html來看才可以... 不然會顯示無法載入CSS...:)


点击浏览该文件

上一篇：{教程}MovieClip.beginFill指定绘制填充对象时的颜色属性 人气:2005
下一篇：{教程}图片遮罩过渡 人气:3344

Flash视频教程