解决方案
|
1 2 3 4 5 6 7 8 |
获取ul里li的个数，即li为元素节点 for(var i=0;i<oul.childnodes.length;i++){ If(oUl.childNodes[i].nodeType==1){ //进行操作 } } 通过children，只算第一层 alert(oUl.children.length) |
最近用jQuery写一些效果的时候，发现这些应用无外乎涉及这些属性的调用：innerHeight()、innerWidth()、 outerHeight()、outerHeight(true)、outerHeight(false)、outerWidth(true)、 outerWidth(false)、position()、offset()、scrollTop()、scrollLeft()。
单独看每条解释，基本上都能给人很清晰明了的感觉。但是在应用的时候总会引起混淆，特别是position()与offset()。起初也被这些参数绕的脑袋昏昏涨涨的。 查看全文
作为一个Web的前端攻城师，在制作页面效果时肯定有碰到下面这种现象：当一个HTML页面中含有较少的内容时，Web页面的“footer”部分随着飘上来，处在页面的半腰中间，给视觉效果带来极大的影响，让你的页面看上去很不好看，特别是现在宽屏越来越多，这种现象更是常见。
那么如何将Web页面的“footer”部分永远固定在页面的底部呢？注意了这里所说的是页脚footer永远固定在页面的底部，而不是永远固定在显示器屏幕的底部，换句话说，就是当内容只有一点点时，Web页面显示在浏览器底部，当内容高度超过浏览器高度时，Web页面的footer部分在页面的底部，总而言之Web页面的footer部分永远在页面的底部，换句说，Footer部分永远沉底。 查看全文
每每看到网友Blog的页面底部或中间有一个按钮回到页面顶部，羡慕死人了，但自己就是做不出这样的效果。后来在google和baidu搜寻了一下，仔细思考，并不像当初想象的那么复杂。经过整理贴到blog中与大家一起分享一下。
假使我们不需要兼容IE6这个浏览器的话，我们完全可以使用纯CSS来制作一个多级导航。比如说Devin R. Olsen写的《Pure CSS Vertical Menu 》就是一个纯CSS制作的导航。那么今天我也要介绍一个不用插件制作的导航，而且用户不支持js的情况下，在现代浏览器中多级导航菜单功能也正常。首先可以看下面的一个Demo。 查看全文