摘要：
一、匆匆带过的概念关于CSS中层级z-index的定义啊什么的不是本文的重点，不会花费过多篇幅详细讲述。这里就简单带过，z-index伴随着层的概念产生的。网页 中，层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是flash的应该知道，层级越高（图层越靠上），越在上 面显示，如果层发生重叠，层级高的会覆盖层级低的，如果非透明或半透明，则会遮挡。在photoshop中，层的高低就是靠手动调的，鼠标拖拽，或是ctrl+]或是ctrl+shift+[快捷键改变层的次序。如下图，鼠标拖移改变层次序的过程中：在flash中，类似，可以手动改变图层次序，或是使用as 阅读全文
摘要：
如果给每个li里面加个span标签的话，在IE6，IE7下看，li与li之间的距离就会多了3px。解决方法：在li中加vertical-align:middle; css样式：.contain{ width: 40px; height: 140px; border: 1px solid red;}.main ul{ margin: 0; padding: 0;}.main ul li{ width: 35... 阅读全文
摘要：
继续面试后的总结：DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡(又称事件传播)当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。$('a').bind('click',function(){alert("Thattickles!")});因此一个单击操作会触发alert函数的执行。click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单击事件被触发，事件就会传给它。在操 阅读全文
摘要：
var url="http://www.taobao.com/index.php?key0=0&key1=1&key2=2";function parseQueryString(url){ var str=url.split("?")[1]; var items=str.split("&"); var result={} var arr=; for(var i=0; i<items.length; i++){ arr=items.split('='); result[arr... 阅读全文
摘要：
今天面试题问到了，没答上，jq要继续学习啊jquery获取父元素方法比较多，比如parent()，parents()，closest()这些都能帮你实现查找父元素或节点，下面我们来一一讲解：先举个例子， jquery获取父节点 jquery获取父元素我们的目的是通过 id 为 item1 的便签a取到 class 为 parent1 的ul元素，有以下几种方法：1、parent([expr])取得一个包含着所有匹配元素的唯一父元素的元素集合。你可以使用可选的表达式来筛选。代码如下$('#item1').parent().parent('.parent1');2、 阅读全文
摘要：
IE兼容CSS3圆角border-radius，box-shadow，text-shadow的方法1.下载ie-css3.htc2.CSSbox { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow... 阅读全文
摘要：
bbbbbbbbbddddddJavaScriptwindow.onload=function(){ var a =document.createElement("span"); var b =document.createTextNode("cssrain"); a.appendChild(b); var mubiao = document.getElementById("b"); insertAfter(a,mubiao); } function insertAfter(newElement,targe... 阅读全文
摘要：
巧合要用到鼠标样式效果，就顺便整理了下十五种CSS鼠标样式，小例子供大家使用啊。CSS鼠标样式语法如下：任意标签中插入 style="cursor:*"例子：<span style="cursor:*">文本或其它页面元素</span> <a href="#" style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种：下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！hand是手型例子：CSS鼠标手型 阅读全文
摘要：
window.onload=window.onresize=window.onscroll=function(){ showImg(); };function getPos(obj){ var l=0; var t=0; while(obj) { l+=obj.offsetLeft; t+=obj.offsetTop; obj=obj.offsetParent; } return {left: l, top: t};}function showImg(){ var aTmg=docu... 阅读全文
摘要：
function toDuble(n){if(n<10){return '0'+n;}else{return ''+n;}} 阅读全文