HTML與CSS在Flash中的應用

來源:互聯網
上載者:User

   HTML與CSS在Flash中的應用:

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

  Example Source Code

  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裡的方式:

  Example Source Code

  var css_str:String = ".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.