js
mr_fzz
这个作者很懒,什么都没留下…
展开
-
flex布局学习记录
推荐阮一峰写的flex布局博客,这里我只是说下自己的学习记录. flex布局可以实现响应式布局. 兼容性: 实现flex布局,要有父容器和子元素. 将父容器设置为display:flex. 父容器设置为display:flex之后,它的子元素的float,clear,vertical-align属性将失效。 flex容器有两个轴,一条为主轴,一条为交叉轴,主轴和交叉轴与x,y轴类似.原创 2016-11-09 15:52:23 · 432 阅读 · 0 评论 -
浅谈style.,currentStyle,getComputedStyle,getAttribute
xxx为属性. ele为元素.1.style.在前面的一篇博客中我也有说到,ele.style.xxx; 通常用于赋值,用它来取值的话,它只能取到内联样式.2.currentStyle这是ie用来获取样式的方法,通常这样使用:ele.currentStyle.xxx;3.getComputedStyle除了ie貌似都支持,使用方法:getComputedStyle(ele,false)[xxx];原创 2016-11-09 14:22:50 · 817 阅读 · 0 评论 -
style.left,style.width与offsetLeft,offsetWidth、scrollLeft,scrollWidth的区别
1.offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置.offsetParent:布局中设置postion属性(Relative、Absolute、fixed)的父容器,从最近的父节点开始,一层层向上找,直到HTML的body。2.style.left必须是节点设置了position属性 style.left、style.width等属性通过原创 2016-11-04 13:54:24 · 1925 阅读 · 0 评论 -
js实现tab切换以及自动切换
js实现tab切换以及自动切换原创 2016-11-23 14:20:48 · 8197 阅读 · 0 评论 -
js、jq两种方法实现网页侧边导航
js第一种方法:实现的效果如下: 1.在侧栏滑动时背景颜色切换和字体颜色切换. 2.窗口滚动时,右边侧栏随之变化. 3.点击侧栏选项,跳动到当前选项对应的页面,并且侧栏也随之变化.代码如下: html+css:*{ margin: 0; padding: 0; } li{ list-sty原创 2016-11-23 17:52:03 · 6440 阅读 · 0 评论 -
详解clientWidth,scrollWidth,offsetWidth,innerWidth的区别
详解clientWidth,scrollWidth,offsetWidth,innerWidth的区别原创 2016-11-04 13:32:06 · 11356 阅读 · 0 评论 -
js实现图片左右移动轮播
实现效果: 1.图片能够自动轮播. 2.移入图片时自动轮播停止,并且有左右两个箭头. 3.图片下方有一排按钮,可以点击进行切换,并且按钮的样式也随之切换.代码如下: html+css:*{ margin: 0; padding: 0; } html,body{ width: 100%;原创 2016-11-23 20:05:49 · 11327 阅读 · 0 评论 -
js实现淡入淡出轮播图
1.图片淡入淡出自动轮播. 2.可以用按钮控制轮播. 效果图: 代码如下: html+scc:*{ margin: 0; padding: 0; } html,body{ width: 100%; } .container{ po原创 2016-11-23 21:07:02 · 3974 阅读 · 0 评论 -
深度解析&&,||以及for
&&一般都知道,&&是与的意思,只有当&&两边都为true时,则返回true,以前用&&和||只是简单的在if语句中进行判断,但是最近在做一个播放器时,我发现了&&竟然还可以这么用!:audio.readyState==4&&(buffered=audio.buffered.end(0));这段代码的意思是如果&&前面的代码的结果为false,则不会执行后面的代码,如果为true,则执行后面的代码,原创 2016-12-17 00:31:15 · 624 阅读 · 0 评论