前端-练习
zhang070514
不喜欢运动的程序员不是好的工程师!
展开
-
css3动画过渡
动画过渡过渡代码 body里面只有一个div style里面代码如下: div{ width: 100px; height: 100px; border: 1px solid red; } div:hover{ //transform: rotate(60deg); //t原创 2017-05-13 11:06:39 · 460 阅读 · 0 评论 -
jQuery弹出侧边栏滑动菜单实现思路
昨天下午下了一个用jQuery实现弹出侧边栏滑动菜单的demo,其实看明白了很简单,现在把思路整理一下。js部分:主要用了jQuery的toggleClass()方法,该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。html部分:主要有三个部分:主页、侧滑菜单页、点击按钮(a标签)。css部分: 主页设置相对布局(relative),在这里看到一个单位原创 2017-06-28 15:01:08 · 6265 阅读 · 0 评论 -
第二个div高度随着父div高度改变而改变的几种实现方式
最近遇到这样一个需求,一个大的div高度不固定,里面有两个小的div,第一个div高度固定(比如为100px),第二个div高度填满大div的剩余高度。实现也很简单,想到了好几种实现方式,记录一下。 因为外面大的div高度不固定,我在这里就默认填满body。 1、定位:外面大的div相对定位,第二个div绝对定位,设置top:100px。代码如下:outer设置overflow:hidden去原创 2018-01-18 10:55:41 · 2564 阅读 · 0 评论