icesschen-CSDN博客

转载关于tween动画参数与源码

转自http://www.cnblogs.com/cloudgamer/archive/2009/01/06/Tween.htmlLinear：无缓动效果；Linear：无缓动效果；Quadratic：二次方的缓动（t^2）；Cubic：三次方的缓动（t^3）；Quartic：四次方的缓动（t^4）；Quintic：五次方的缓动（t^5）；Sinusoidal：正弦曲线

2016-09-09 00:04:27 369

原创 javascript原生小练习（三）--拼图小游戏

function setClass(obj,classname){ //alert(obj.className) var reg =new RegExp("(\\s|^)" + classname + "(\\s|$)");//前面有空格或者以classname为开头，后面有空格或者以classname为结尾 return { hasClass : obj.className.matc

2016-09-07 15:50:35 363

原创 javascript原生小练习（二）--轮播图滚动效果

function setClass(obj,classname){ var reg =new RegExp("(\\s|^)" + classname + "(\\s|$)");//前面有空格或者以classname为开头，后面有空格或者以classname为结尾 return { hasClass : obj.className.match(reg), addClass :

2016-09-07 00:57:53 491

原创 javascript原生小练习（一）--tab切换、getClassName、addClass、removeClass

function getClassName(classname){ var classobj = new Array(),tag = document.getElementsByTagName("*"); for (var i in tag) { if(tag[i].nodeType == 1 && tag[i].className == classname){classobj.push(tag

2016-09-05 20:30:47 425

原创关于null与undefined

null：空值，转为数值为0，类型为object，设值为空值是合理的，例如 var a = null还有一种情况是未声明，不存在的对象，返回值为null，例如dom中未有id为a的元素，此时document.ElementById('a')返回值为nullundefined：未定义，转为数值为'NaN'，类型为undefined已经声明了，但未赋值的变量，返回undefined，例如var a;

2016-09-05 20:30:45 356

原创关于margin上下重叠的问题

有两种情况：1、兄弟级的块之间，margin这个属性上下边距，经常会发生重叠的情况，以数值大的为准，而不会相加。 2、父子级的块之间，子级的上下margin会与父级上下margin重叠，以数值大的为准，而不会相加。如何解决？第一种情况：1、float浮动或者 2、inline-block第二种情况：父级加1、overflow:hidden或者 2、加padding 或者3、加border 或者子

2016-09-05 20:30:42 11358

原创 CSS3 :nth-child() 与:nth-of-type()

:nth-child()选择器，该选择器选取父元素的第 N 个子元素，与类型无关:nth-of-type() 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素以下代码可以看出区别。代码： 123 123 >123 p class="item">123p> p class="item">123p> p class="item">123p> 123.item:nth-child(3n){ba

2016-09-05 20:30:40 371

原创安卓下UC浏览器的字体变大bug

不知道大家有木有遇到这样的情况，在某些安卓UC浏览器下，默认字体被放大了，导致排版错乱，除非将浏览器默认字体设置成80%，才能显示正常大小，但这不是解决方案，用户不会去设置成80%的。这是UC浏览器，在字数较多的页面启用了这样的规则，但着对于我们前端来说真是难以忍受的bug，需求方就会跑过来说不兼容，页面错版了有木有啊，求解决啊~我试了很多方法，都无果，比如在css字体大小加个important，

2016-09-05 20:30:37 1252

原创关于float

为什么box2文字不跟着box2盒子一样显示在最左边呢？这个跟float的特性有很大的关系。我们都知道，float是脱离文档流的，不占空间，box2块元素叠在box1下面，但是box2中的内联元素包括文字都是围绕着float元素即box1的。

2016-09-05 20:30:34 291

原创在table设置max-width以及min-width兼容问题和解决方案

在table中设置min-width和max-width属性 12/tr>table{min-width:60%;min-width:100%;}但是chrome不兼容max-width，ie7两者都不兼容。解决方案：在table外层包一个div，在div上设置min-width和max-width 12/tr> .table-wrap{width:500px;min-width:60%;mi

2016-09-05 20:30:32 18301

原创 css选择器与JQ选择器的性能比对与优化方案

css和JQ的选择器写起来似乎很相似，但他们的写法在性能上有一定的区别。以下就较为常用的选择器进行比对和优化：CSS选择器效率高到低：1.id选择器（#id）2.类选择器（.class）3.标签选择器（div,h1,p）4.后代选择器（li a）优化方案：1.优先考虑用class选择器，虽然id选择器效率最高，但id选择的唯一性，需谨慎使用。2.使用id或者class选择器时，勿再加类名或者标签

2016-09-05 20:30:29 1823

原创关于position:fixed

position:fixed这个样式我们很经常用。大部分情况我们都是用来写浮窗。经常的写法都是把它独立的放在最后。例如：内容浮窗.content{height:2000px;}.fix-box{position:fixed;right:0;top:0;}--------------------------------------------------------------但如果是这样

2016-09-05 20:30:26 724

原创【ie8bug】img设置max-width:100%,外层浮动，图片消失

> 内容.con{float:left;}.con img{max-width:100%;height:auto;}---------ie8下图片消失。是由于浮动引起的bug。网上查找到的解决方案：1).con设置宽度2)img去掉max-width:100%3)img宽高属性去掉，或者width:auto 但是这个页面要求自适应的，.con不能设置宽度，img的max-wid

2016-09-05 20:30:24 3708

icesschen的博客