2010年8月25日 星期三

配合css 及超連結 styling links with css

1)預備txt file, 入面打上文字 , 名為"html.txt"
2) 在fla 中, create dynamic text, 屬性"external_txt"
3)預備 css file, 將超連結set style , 名為"styles.css"

css 內容:
a{ color: #CC0000; text-decoration:none;}
a:hover{ text-decoration:underline;}

3) Actionscript 如下:
var req:URLRequest= new URLRequest("html.txt");
var loader:URLLoader = new URLLoader();
var cssReq:URLRequest = new URLRequest("styles.css");
var cssLoader:URLLoader = new URLLoader();

function fileLoaded(event:Event):void
{
external_txt.htmlText=loader.data;
}


function cssLoaded(event:Event):void
{
var sheet:StyleSheet = new StyleSheet();
sheet.parseCSS(cssLoader.data);
external_txt.styleSheet=sheet;
}

loader.addEventListener(Event.COMPLETE,fileLoaded);
loader.load(req);
cssLoader.addEventListener(Event.COMPLETE,cssLoaded);
cssLoader.load(cssReq);


解說:
StyleSheet 類別
parseCSS()方法
會解析 CSSText 中的 CSS,並以該 CSS 載入樣式表。
如果 CSSText 中的樣式已經在 styleSheet 中,便會保留 styleSheet 中的屬性,
而且只會在 styleSheet 新增或變更 CSSText 中的屬性。
若要擴充原生 CSS 剖析功能,可以建立 StyleShee 類別的子類別,以覆寫這個方法。

沒有留言:

張貼留言