想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的HTML与CSS在Flash中的应用教程,一起来看看吧!超容易上手~
【 tulaoshi.com - Web开发 】
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画下划线滴。
浏览器的应用玩玩就算了。还是留在桌面应用吧。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)来源:http://www.tulaoshi.com/n/20160219/1614021.html
看过《HTML与CSS在Flash中的应用》的人还看了以下文章 更多>>