摘要：转自：http://apps.hi.baidu.com/share/detail/11121011例如如下A-B的嵌套结构<div id="A"><div id="B"></div></div>当A的position为relative时，B的position为absolute才有效。这时候left:0、top:0就不再针对窗口文 档，而是针对id为A的这个div了。实例演示div+css的绝对定位和相对定位布局说明：占位空间：元素在文档流中所占据的空间。物理空间：元素本身所占据的空间。下面分3种情况分别对相 阅读全文

摘要：CSS hack：针对IE6，IE7，firefox显示不同效果做网站时经常会用到，衡量一个DIV+CSS架构师的水平时，这个也很重要。区别不同浏览器的CSS hack写法：区别IE6与FF： background:orange;*background:blue;区别IE6与IE7： background:green !important;background:blue;区别IE7与FF： background:orange; *background:green;区别FF，IE7，IE6： background:orange;*background:green !important;*back 阅读全文

摘要：<script>function a(){alert(arguments[0]);}a("bb");</script> 阅读全文

摘要：jQuery事件处理ready(fn)代码：$(document).ready(function(){ // Your code here...})；作用：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。bind(type,[data],fn)代码：$("p").bind("click", function(){ alert( $(this).text() );}); 作用：为每一个匹配元素的特定事件（像click）绑定一个 阅读全文

摘要：jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 <p> 元素.class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素:first$("p:firs 阅读全文

摘要：文章针对jQuery 1.3.2版本，面向的读者应具备以下要求：1.非常熟悉HTML2.非常熟悉javascript语法知识3.熟悉javascript面向对象方面的知识4.熟练使用jQuery框架jQuery对象的初始化是写在匿名函数里的，就像这样：(function(){alert("jQuery框架分析")})();第一个括号是声明了一个函数，第二个括号是执行这个函数。也就是说，jQuery框架在页面载入的时候已经做了一些事情（这个个匿名函数已经被执行了）。做的这些事情使我们可以通过$("#yourId")或$(".yourClass&q 阅读全文

摘要：$("#yourId")或$(".yourClass")等方式获取页面元素，并把获取到的元素包装成jQuery对象。 阅读全文

摘要：最近面试过一些人, 发现即使经验丰富的开发人员, 对于一些基础的理论和细节也常常会模糊. 写本文是因为就我自己而言第一次学习下面的内容时发现自己确实有所收获和感悟. 其实我们容易忽视的javascript的细节还有更多, 本文仅是冰山一角. 希望大家都能通过本文有所斩获.一. Javascript面向对象Javascript是一门面向对象的语言, 虽然很多书上都有讲解,但还是有很多初级开发者不了解.创建对象ps: 以前写过一篇详细的创建对象的文章(原型方法, 工厂方法等)但是找不到了, 回头如果还能找到我再添加进来.下面仅仅简单介绍.在C#里我们使用new关键字创建对象, 在javascrip 阅读全文

摘要：JSON 格式语法JSON是指Javascript Object Notation, 即Javascript对象表示法.我们可以用下面的语句声明一个对象,同时创建属性://JSON varobjectA={ name:"myName", age:19, school: { college:"大学", "highschool":"高中" }, like:["睡觉","C#","还是睡觉"] }JSON的语法格式是使用"{"和"} 阅读全文

摘要：<style type="text/css"><!--.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; font-size:1px; overflow:hidden; display:block;}.b1,.b8{margin:0 5px;}.b2,.b7{margin:0 3px;border-right:2px solid #96C2F1; border-left:2px solid #96C2F1;}.b3,.b6{margin:0 2px;border-right:1px solid #96C2F1; bord 阅读全文

摘要：<style>body,input,ul,li,form,input,dl,dt,dd,ol,h1,h2,h3,h4,img{ margin:0px; padding:0px;}</style> 阅读全文