摘要:
判断值的数据类型,包括以下类型:string,number,boolean,undefined,null,object,array,functionfunction type(o){ return typeof(o) == 'object' ? (o == null ? 'null': (o.constructor == Array ? 'Array' : 'Object')):typeof(o)}注:1.typeof()返回的是首字母小写的类名称 2.constructor返回的是首字母大写的类名称 阅读全文
摘要:
今天在项目中,要用到自定义鼠标样式,格式:css:{cursor:url('绝对路径的图片(格式:cur,ico)'),-moz-zoom-out;}//FF下面css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以前面url是自定义鼠标格式,图像的绝对路径地址,后面的参数是css标准的cursor样式,(IE下面可以不需要)图标的格式根据不同的浏览器来分:IE支持cur,ani,ico这三种格式,FF支持bmp,gif,jpg,cur,ico这几种格式,不支持ani格式,也不支持gif动画格式,因此来说一般将图片存 阅读全文
摘要:
/ul这里面有两个问题:1.IE6:li与li之间有3像素的间距,li元素将图片当成文本来处理了(利用这个属性可以解决图片垂直居中问题),必须把font-size:0;才能解决(其它浏览器中不会出现此现象)2.非IE6浏览器(FF,IE8,IE7,谷歌,opear浏览器):img元素底部到li的间距要比其它三个方向要大(5),是因为li有行间距,将行间距设为0,四个方向就间距就是5了(IE6中不会出现此现象) 阅读全文
摘要:
一般在页面中需要用到的图片有三种:gif,jpg,pngpng是为了取代gif应用而生的(除了GIF动画),这里只介绍jpg,png在存储图像时采用JPG还是PNG主要依据图像上的色彩层次和颜色数量进行选择。一般层次丰富颜色较多的图像采用JPG存储,而颜色简单对比强烈的则需要采用PNG。但也会有一些特殊情况,例如有些图像尽管色彩层次丰富,但由于图片尺寸较小,上面包含的颜色数量有限时,也可以尝试用PNG进行存储。而有些矢量工具绘制的图像由于采用较多的滤镜特效也会形成丰富的色彩层次,这个时候就需要采用JPG进行存储了。另外还有一个原则就是用于页面结构的基本视觉元素,如容器的背景、按钮、导航的背景等 阅读全文
摘要:
整理出一个Windows系统下各浏览器常用CSS hack汇总表,如下:说明:1. 此汇总表中测试浏览器的版本为 o IE6 o IE7 o IE8 o Firefox 3.6.6 o Safari 5.0 o Chrome 6.0.458.1 dev o Opera 10.602. 其中,多数CSS hack是在selector{property:value;}基础上更改的。selector代表CSS选择器,property代表CSS特性,value代表特性的值。3. FF代表Firefox,Ch代表Chorme,Sa代表Safari,Op代表Opera4. Q代表Quirks Mode,S 阅读全文
摘要:
图生垂直居中有多种方法:1.图片宽度,高度都小于外面框的宽和高度,不知图片(宽和高).xh_b{ display:table-cell; vertical-align:middle; //上面两条主要是为了不是IE6浏览器 *font-size:200*0.873px; *display:block; *font-family:Arial; //防止别的编码,GBK; text-align:center; width:200px; height:200px;}.xh_b1 img{vertical-align:middle;//主要是为了IE6}2.图片宽度,高度都小于外面框的宽和高度,(知道 阅读全文
摘要:
事件中有一个mouseout,但当鼠标移到对象的子元素上,也会触发mouseout事件,很多时候我们要结合鼠标位置来完成当鼠标离开某对象后该对象自动隐藏效果。jquery.event中定义了一个mouseleave就可以解决这一问题。 阅读全文
摘要:
text-align:center;//行内元素居中对齐margin:0 auto;//块级元素居中对齐主要是来讨论下:margin:0 auto;如果父元素的宽度不定的话,使用margin:0 auto;的话会导致父元素的宽度占领整个的父父元素,例:如果父元素的宽度不定(设置了float:left;),是以内部元素为支撑点,随着内部元素的多少自动伸展宽度,里面的元素又是多个块级元素,想块级元素居中显示,如果使用margin:0 auto;(在IE6下面)的话会导致父元素的宽度占领整个的父父元素,这时候可以使用display:inline-block;text-align:center;来解决 阅读全文
摘要:
一行文字中,如果文字大小(font-size)不同时,文字不能垂直居中对齐例:p对不齐啊,对不齐span style="font-size:30px;"140/span啊/p这行文字,会以最大字体的基线为准对齐,也就是,这行文字靠底对齐,不能垂直居中对齐,就是设置了height:30px;line-height:30px;也不能居中,这个行高会导致最大字体的能居中,如果想他们能居中对齐的话,这时候就必须设置两个line-height外面的一层行高设置大点,里面的行高设置小点就可以对齐总结:文字是以底线为准靠基线对齐(不管字体大小) 添加随笔 标题: 请输入标题 内容:【推 阅读全文
摘要:
document.compatMode文档模式:文档模式在开发中貌似很少用到,最常见的是就是在获取页面宽高的时候,比如文档宽高,可见区域宽高等。IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样,但在Quirks Mode模式下则有很大差别,而在不声明Doctype的情况下,IE默认又是Quirks Mode。所以为兼容性考虑,我们可能需要获取当前的文档渲染方式。document.compatMode正好派上用场,它有两种可能的返回值:BackCompat和CSS1Compat。Ba 阅读全文