主要是用到了box的两种常见形式:vbox(元素垂直摆放),hbox(元素水平摆放)
滚动条
设置
style="overflow:scroll;"
属性,可以给box添加滚动条
其实只要能设置style,就说明这玩意跟css有扯不开的关系,布局什么的就靠他
子元素排列
box有一个align的属性,缺省为stretch,它表示其中的子元素会发生纵向扩展
如果给box添加了一个图片标签,这个图片又比较小的情况下,图片会拉伸扭曲变形
可以把设为 start(如果是水平的box,它就是顶端对齐。如果是竖直的box,它就是左对齐)
还可以设为以下值
center 居中
end 如果是水平的box,它就是底端对齐。如果是竖直的box,它就是右对齐。
baseline 文本线对齐,只可以用在水平box上。
stretch 自动扩展
删除子元素
删除某一个特定的子元素
box.removeChild(child_element)
删除所有的元素(一般初始化的时候用得着)
while (box.firstChild){
box.removeChild(box.firstChild);
}
添加子元素
box.appendChild(child_element)
例如我要添加一个图片
var image = document.createElement("image"); //这个document要根据上下文来
var image_src = "https://developer.mozilla.org/skins/mozilla/Fox3/img/mdc-logo.png";
image.setAttribute("src",image_src);
box.appendChild(image);
在某一位置插入元素的话可以结合jQuery来操作
$(child1_element).insertAfter($(child2_element))
分享到:
相关推荐
事实上,即将发布的 Firefox 4.0 不仅仅是由 XUL 构建的,但它提供了一个 XUL 运行时环境,允许任何 Firefox 用户运行其他 XUL 应用程序。在本教程,您开始使用 XUL 进行编程,并学习一些帮助您开发 XUL 应用程序的...
mozilla_firefox_xul_spoof
本文档详细介绍了Firefox扩展开发的详细过程,包括文档的组织结构,安装的配置以及一些基本的xul语法知识等,文档中的示例可以直接编辑,生成Firefox扩展。
《初识XUL用户界面UI开发》XUL是Mozilia社区开发技术中的一员,总要是为用户界面UI服务,Firefox就XUL以及其它一系列相关的基础库开发出来的成功之作。事实证明XUL是成功的UI开发技术,本文以一个最简明的视角来向看...
XUL (XML User-interface Language - 基于 XML 的用户接口语言)是一种新的富客户端(Rich Client)技术,是 Mozilla 和 Firefox 的核心语言,是一种用来快速开发跨平台用户接口的新途径。其实不难发现很多新出现的...
博文链接:https://zsp.iteye.com/blog/232047
开发firefox扩展时使用XUL文件的自动补齐acp文件,用于editplus。不知能否用于其他编辑器 对XUL reference中列出的标签都可进行自动补齐, 如box标签,使用自动补齐之后只需要输入box然后按空格键即可自动补齐为 ...
xul是XML User Interface language 的简写,是Mozilla基金会开发的一种基于XML的标记语言,一般用来构造程序的界面,典型的firefox就是这种的实践,目前XUL只能被Firefox的浏览器支持,它和js,css,html等理论上能够...
是一个xul music player
XUL开发手册.pdf
Firefox-52-ESR-legacy-addon:[WIP]在基于XUL的清除中断之前,Mozilla Firefox浏览器扩展,插件,addons.mozilla.org中的主题的精选列表和XPI文件
xul文档具体标签说明和例子xul文档具体标签说明和例子
清晰给出繁杂配置和步骤, c++开发xpcom组件的完整例子, vs2005 环境配置 ,xpconnect调用xpcom组件, xul 中使用javascript 内有源码,配置图示
一个用xul写的便签,可以实现记事的功能
Mozext Mozilla Firefox和Mozilla Thunderbird的扩展/附加组件请检查我的专用网站以获取更多详细信息: → 目录WebExtensions / MailExtensions | 请检查每个文件夹中的特定自述文件以获取构建说明。雷鸟 火狐浏览器...
由于 Firefox 57+ 只支持他们的新扩展(“WebExtensions”),支持它需要完全重写。 随着时间(我得到一份日常工作)和我拥有的知识(WebExtensions 在代码布局、功能支持方面完全不同), 我决定转而支持 Pale ...
这是Alice0775当时发布的旧版“书签搜索加” XUL扩展的Mozilla Firefox Web扩展插件版本,在最新的Firefox中不再可用,这非常有用。 可以在上找到我不时在这里上传源代码,并用其版本标记它,因此它经常发生在最晚...
一个很完善的tree,使用xul界面语言完成。 一个很完善的tree,使用xul界面语言完成。 欢迎大家使用,提出意见。
gutil-firefox 扩展 吉利! 是一个 Firefox 扩展,旨在简化对所有 Google 服务的访问。 我在 2006 年构建 GUtil 作为一个宠物项目,学习 XUL。 吉利! 正在停产。 请阅读 这个扩展源于我需要更快地访问我的 ...
该xul是我学习心得与体会