HTML元素布局学习1 -

vb2005xu · 发表于 2013-2-7 17:28:11

在这里我分为三个文件来练习: all.elehtml.js elehtml-buju.html all.elehtml.css
在这里先贴出all.elehtml.js 的内容

接下来看 elehtml-buju.html的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>HTML元素布局学习</title></head><body><div id='container'></div><div id='container1'></div></body></html><link href='css/bjextreme/all.elehtml.css' rel='stylesheet' type='text/css'> <script src='js/debug/nitobibug/compressed.js' type='text/javascript'></script><script src='js/bjextreme/all.elehtml.js' type='text/javascript'></script>

有这两个我们可以看到 BJExtreme.Dom.$c.test(); 运行成功,可以动态创建HTML元素

下一步,我们将通过all.elehtml.css' 文件来使得这两个div 绝对居中[左右居中和上下居中],如图:

下面贴出 CSS文件的代码:

未完待续,请见第二部分

		自动登录	找回密码
密码			立即注册