参考：http://bbs.aardio.com/forum.php?mod=viewthread&tid=7156
代码示例：

准备尝试HTMLLAYOUT的RIBBON 界面，觉得什么都好，就是缺少一个绝对居于底部的状态栏，然后找了个代码，合成了个，无论窗口是否最大化，状态栏始终是在底部。分享下。把代码粘贴替换RIBBON 模版的res/main.html页面即可。
状态栏没有添加任何润色，需要修改的同学直接给#footer 写CSS 代码美化即可。

代码出处：

http://www.cssstickyfooter.com/
HTML 代码：
http://www.cssstickyfooter.com/html-code.html
CSS代码：
http://www.cssstickyfooter.com/style.css

代码讲解：

有兴趣的同学可以多看看：http://www.blueidea.com/tech/web/2009/6451.asp ，代码有点不同，但是道理应该是相同的吧？反正我自己是一点没有看。

特别强调：
如果要修改状态栏的高度：请修改一下三个高度的值：

复选框行为.

属性:

·         checked  -  初始选定状态. 取值范围:  "true", "false", "undefined"(半选定状态).

·         mixed  -  半选定状态.

状态:

·         :hover  -  悬停

·         :active  -  按下

·         :focus  -  获得焦点

·         :disabled  -  被禁用

使用中会出现比较复杂的复合状态, 例如:

  input[type="check"][mixed]:checked:disabled

选定就是true，未选中就是false，半选定状态就是null，前提是要有mixed

废话不多说，直接上代码：

我给起个名字，也好记忆。
透明模式1：浏览器模式
透明模式2：位图遮罩模式
透明模式3：背景透明模式

aardio 背景透明的3种方式（透明窗体1 webview2，透明窗体2-win-region-bitmap，透明窗体3-winform-transparent-color）

3种透明窗体，主要分成是否可以穿透，遮罩组件，全部显示。

动态改变 <link> 标签的 href 属性并不能让 CSS 即时生效，要动态改变外联 CSS 的路径，需要用到一些小技巧，有了这些技巧，就可以为 HTMLayout 增加“动态换肤”的功能了。

link[rel=”stylesheet”] 的 disabled 状态可以控制其样式表的有效性：将其设置为 true（禁用），所有由该 产生的样式会被移除；将其设置为 false（启用），则重新加载这些样式。（来源于：http://terrainformatica.com/forums/topic.php?id=964）

下面是一个例子，为了让大家更方便地测试，我处理了 HLN_LOAD_DATA 响应通知以模拟外联 CSS，真正的项目中不需要这么写。

代码示例:

本文以 预览本机字体 来演示aardio的HTMLayout列表控件动态添加列表项。

<widget>标签支持 height:100%%; 这种两个百分号的写法，<select>标签不支持。

动态设置元素字体的时候字体名字要用两个’\“‘双引号把字体名字括起来，不然不会生效。如下

ele.style["font-family"]='\"'+fullname+'\"';

使用Htmlayout做界面是很不错的选择！！ ^_^

源代码如下：