- 博客(13)
- 收藏
- 关注
转载 关于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 373
原创 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 374
原创 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 503
原创 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 435
原创 关于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 361
原创 关于margin上下重叠的问题
有两种情况:1、兄弟级的块之间,margin这个属性上下边距,经常会发生重叠的情况,以数值大的为准,而不会相加。 2、父子级的块之间,子级的上下margin会与父级上下margin重叠,以数值大的为准,而不会相加。 如何解决?第一种情况:1、float浮动或者 2、inline-block第二种情况:父级加1、overflow:hidden或者 2、加padding 或者3、加border 或者子
2016-09-05 20:30:42 11370
原创 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 376
原创 安卓下UC浏览器的字体变大bug
不知道大家有木有遇到这样的情况,在某些安卓UC浏览器下,默认字体被放大了,导致排版错乱,除非将浏览器默认字体设置成80%,才能显示正常大小,但这不是解决方案,用户不会去设置成80%的。这是UC浏览器,在字数较多的页面启用了这样的规则,但着对于我们前端来说真是难以忍受的bug,需求方就会跑过来说不兼容,页面错版了有木有啊,求解决啊~我试了很多方法,都无果,比如在css字体大小加个important,
2016-09-05 20:30:37 1269
原创 关于float
为什么box2文字不跟着box2盒子一样显示在最左边呢?这个跟float的特性有很大的关系。我们都知道,float是脱离文档流的,不占空间,box2块元素叠在box1下面,但是box2中的内联元素包括文字都是围绕着float元素即box1的。
2016-09-05 20:30:34 306
原创 在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 18360
原创 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 1835
原创 关于position:fixed
position:fixed这个样式我们很经常用。大部分情况我们都是用来写浮窗。经常的写法都是把它独立的放在最后。例如: 内容 浮窗.content{height:2000px;}.fix-box{position:fixed;right:0;top:0;}--------------------------------------------------------------但如果是这样
2016-09-05 20:30:26 730
原创 【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 3724
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人