摘要：
这两个函数都返回对象的实际大小，但还是有区别，具体区别如下：clientWidth=width+paddingclientHeight=height+paddingoffsetWidth=width+padding+borderoffsetHeight=height+padding+border[html]ddddd[/html] 阅读全文
摘要：
昨天写《锋利的JQ》里的动画案例卡住了，切换都成功了，但没有动画效果，按自己以前学的动画知识，在那里连接不上。不得已继续搜寻资料学习动画。看了一个“CJ”的javascript视频教程，觉得里面讲的动画挺不错的。有必要记录下。首先，我们知道，最常见的动画莫过于移动，一般都是通过修改node.style['left' | 'top']这样实现。那么，我们可以构建这么一个小例子，如结构：<style type="text/css"> #test{ width:100px; height:100px; background:red; p 阅读全文
摘要：
这是《锋利的JQ》第三章里的案例，主要实现的功能就是当鼠标划过链接时，用特定的提示代替a标签默认的title提示。效果如图所示：结构如下 ：<style type="text/css"> body{ margin:0; padding:40px; background:#fff; font:80% Arial; color:#555; line-height:180%;} p{ clear:both; margin:0; padding:.5em 0;} #tooltip{position:absolute; border:1px solid #333; bac 阅读全文
摘要：
这是〈锋利的JQ〉里的第二章实例，首先，看效果：如图：默认状态：隐藏单击按钮显示更多。很简单的效果，先看结构：<style type="text/css"> *{ margin:0; padding:0;} body{ font-size:12px; text-align:center;} a{ color:#04d; text-decoration:none;} a:hover{ color:#f50; text-decoration:underline;} .SubCategoryBox{ width:600px; margin:0 auto; text-a 阅读全文
摘要：
学了一段时间的JS了，理论知识自我感觉就差实践了，但网上的效果如此之多，也不知从哪里开始，干脆就看《锋利的JQ》，在学JQ的过程中，再把相关实例用JS重写一遍，这样，既学了JQ，又学了JS，一举两得，何乐而不为哈哈哈。自己想想都兴奋。开篇以标记之，愿自己坚持写下去，阿门，上帝保佑。 阅读全文
摘要：
removeClass() 删除指定的class直接看代码：function removeClass(className,node){ eles = node.className.split(/\s+/); //先将已有的class放进数组 for(var i = 0,l = eles.length; i < l; i++){ if(eles[i] == className){ eles.splice(i,1); //再遍历删除指定的class } } node.className = eles.join(" "); //最后将新的数组用空格隔开重新添加回classN 阅读全文
摘要：
addClass() 给指定的节点添加指定的class想给节点添加class，我们可以用原生JS提供给我们的className操作，但我们需要考虑的就是，节点上是否已有了其他class，这些class里面是否含有我们要加的class，如果有则怎样怎样。我们先不管节点上是否已有class，我们一致当成有的，所以我们添加的时候就可以这样写：function addClass(className,node){ return node.className += " " + className;}首先node.className获得node节点上的class，用空格隔开，加上我们要添 阅读全文
摘要：
今晚发现ie6下原来还有一个bug，看代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="t 阅读全文