搜尋

熱門關鍵字:

最新文章

  1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. Flash
  6. »
  7. [AS2]load 載入CSS至動態文字框(for 文字框&UI)

[AS2]load 載入CSS至動態文字框(for 文字框&UI)

2008/12/01

　　瞎米!!Flash載入CSS格式，對滴!你沒看錯，CSS不再是html的專利啦!現在也可應用於Flash中了，前二篇都是利用loadVariables函數，將純文字txt與網頁html的格式讀到Flash的文字框中，但也不難發現，二者的使用方式大同小異，而最大差別在於，html的變化性來的比txt高，雖html固然好用但在使用上還是有些限制，例如：連結無法變換顏色、文字底線..等，但現在有了CSS後，除了增加html的多樣性外，還便於管理文字類型。

☞範例素材：

☞架構圖：

☞圖解：

☞關鍵影中的語法：
Frame1
System.useCodepage = true;
CSS_styles = new TextField.StyleSheet();
CSS_styles.load( "style.CSS");
loadcode.styleSheet = CSS_styles;
intext = new XML();
intext.ignoreWhite = true;
intext.load( "source.htm");
intext.onLoad = function(success) {
if (success){

　loadcode.htmlText = intext;

　}
};

source.htm
挑戰蜘蛛人3特搜任務
蜘蛛人即將面對前所未有的最大敵人!
是綠惡魔之子?是沙人?
還是自己?快來挑戰蜘蛛人3特搜任務就機會獲得免費日本自由行…
立即行動

style.CSS
head {
　font-size: 16px;
　color: #005599;
　display: inline;
　font-weight: bold;
}
paragraph {
　font-size: 12px;
　color: #3b3b3b;
}

a:link{
　color: #005599;
}
a:hover{
　color:#CD5C5C;
　text-decoration: underline;
}

☞Flash支援的CSS：
目前Flash只支緩CSS1.0的格式，但並沒有完全的支援，只支援部分的語法，因此無法將網頁直接移轉到Flash中，否則會出現CSS無法套入的現象。

原始檔下載

AS2, Flash, load css,