HTML和CSS在Flash中的應用

來源:互聯網
上載者:User

HTML與CSS在Flash中的應用:

不小心看到同事Den在弄個小東西:在Flash裡使用HTML和CSS,代碼是這樣:

 

 代碼如下 複製代碼
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;
}

這個是載入外部CSS跟HTML(其實是載入XML當HTML用-_-b )的。後來Den寫了兩種把樣式寫在AS裡的方式:

 代碼如下 複製代碼

 = ".aoao{color:#010101;font-weight:bold;} .aoao:hover{color:#ff0000}";
myStyle.parseCSS(css_str)myStyle.setStyle(".aoao", {color:'#010101', fontWeight:'bold'});
myStyle.setStyle(".aoao:hover", {color:"#ff0000"});

   其實HTML也可以寫在AS裡面,直接拼string就行。對於CSS在寫在AS裡還是載入外部CSS就要看情況了,用Web上還要考慮請求數,檔案大小,緩衝,更重要的是維護成本。不過在Web應用我也沒想到有什麼比較適合的應用,在瀏覽器裡使用HTML載入Flash之後再用Flash載入HTML和CSS意義並不大,而且支援不是一般的弱,看一下支援的HTML標籤跟CSS屬性,=。= 本來想用來解決中文底線的問題,結果還是不行,據說別人是用flash畫底線滴。

瀏覽器的應用玩玩就算了。還是留在案頭應用吧。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.