读书人

JS UI自各儿搞2 - 构建简单的UI组件

发布时间: 2012-11-04 10:42:41 作者: rapoo

JS UI自己搞2 -- 构建简单的UI组件

这里贴出修改后的JS代码,其它的代码见 第一节内容.

?

新增了 动态创建HTML元素的功能,动态对其赋CSS属性的功能. 新增一个helloworld的例子: 尚未完成.

?

现在有事 暂贴这些代码.

?

对第一节中html文件的修改处为 <body id='body'>,新增了一个id属性

?

/*设置布局元素*/div#layout{height: 100%;width: 800px;margin: 0px auto ;position: relative;}/*左边框*/div#layout #leftline {background-image: url(../img/bg_border_left1.jpg) ;background-repeat: repeat-y;display: inline;width: 8px;height: 100%;float: left;}/*右边框*/div#layout #rightline {background-image: url(../img/bg_border_right1.jpg) ;background-repeat: repeat-y; width: 8px;height: 100%;float: right;}div#layout #interline {height: 100%;display: inline;width: 784px;float: left;background-color: #ffffff ;/*设置颜色,为了与logo的画布颜色相同*/}

读书人网 >JavaScript

热点推荐