最近自己在写javascript/html/css的树控件
完成以下部分:
1. 树可以接受singleXml格式和json以及jsonarray格式的数据;
2. 复选框勾选和折叠子节点的逻辑用div嵌套来实现,效率更高;并提供了快速画树的方法;(存在bug:快速画树效率并不高,div嵌套有问题);
3.增加树的深度 this.depth;
4.增加当前节点的层次 this.level;
//学习要点:
1. 嵌套div如果内层div没有指定宽度,则文字以外的部分点击没有效果;(仅限ie,firefox没有问题)
相关文档:
前台脚本的元素自动下拉扩展:
具体是当鼠标放在一个元素上时,这个元素如果显示不全,就自动扩展,并且不会影响其它的元素.移开鼠标该元素自动还原成原来的样式.
在Coding 的过程中,一个跨Browser的问题是:
在每一次显示 float div前 ......
通过前面介绍的HTML标签,我们已经可以初步完成一个不错的网页了,但我们做的网页就像一份报纸一样,唯一比报纸特殊的一点,就是我们可以在不同的页面之间通过超链接跳转,但即便如此,我们依然只能让别人阅读网页,而无法通过网页进行交互;
要能够通过网页进行交互,则必须具备两个前提条件,信息输入组件和信息通信方式 ......
Web前端
网页设计中CSS布局是很重要的部分,下面介绍几种检查调试CSS布局的有效方法。
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否书写正确
检查一下有无拼写错误、是否忘记结尾的 ......
.inputbox {
padding-left: 2px;
border-top: 1px solid #9AA587;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #9A ......
/**
* 去除多余空格函数
* trim:去除两边空格 lTrim:去除左空格 rTrim: 去除右空格
* 用法:
* var str = " hello ";
* str = str.trim();
*/
String.prototype.trim = function()
{
return this.replace(/(^[\\s]*)|([\\s]*$)/g, ""); ......