Liujunyan_x

2015年11月11日

摘要： var display = this.currentStyle? this.currentStyle.display: window.getComputedStyle(this, null).display;这样可以获取定义在内部~外部样式表以及内嵌的所有的样式~当然这里指获取display属性~简... 阅读全文

posted @ 2015-11-11 23:25 Liujunyan_x 阅读(356) 评论(0) 推荐(0) 编辑

float小结

摘要：首先再明确一下浮动的定义：浮动的框可以向左或向右移动~直到它的外边缘碰到包含框或另一个浮动框的边框为止~由于浮动框不在文档的普通流中~所以文档的普通流中的块级元素表现的就像浮动框不存在一样1、如果设置了元素float~那通过设置margin为0和auto的居中效果将失效2、设置元素浮动后~如果没有指... 阅读全文

posted @ 2015-11-11 20:57 Liujunyan_x 阅读(118) 评论(0) 推荐(0) 编辑

从盒子模型浅析设置了容器背景图后看不到背景色的原因

摘要：各层内容如上~然后就不用多说了::>_<:: 阅读全文

posted @ 2015-11-11 15:37 Liujunyan_x 阅读(173) 评论(0) 推荐(0) 编辑

css3---transform&transition之toolTip动画效果的实现

摘要：知识点总结：1、元素设置了绝对定位后会自动变为块级元素；2、父元素设置为相对定位，子元素设为绝对定位，然后对子元素作如下设置会得到不同的效果：a、bottom:100%----------------->子元素的底端和父元素的顶端对齐重合（如下图所示：黑色框为父元素~白色圆为子元素~）html代码：... 阅读全文

posted @ 2015-11-11 11:46 Liujunyan_x 阅读(577) 评论(0) 推荐(0) 编辑

2015年11月10日

我的博客平面设计

摘要：问题：不管页面怎么变化时~约束图片的大小始终占页面总宽度的某个百分比~假设以32%为例解决：1、给图片加一个父元素~设置父元素的宽度占整个屏幕的32%~2、将图片宽度设为100%（这一步很重要~只有加上这句~图片才会被约束在父元素中~）html代码： ... 阅读全文

posted @ 2015-11-10 22:59 Liujunyan_x 阅读(258) 评论(0) 推荐(0) 编辑

下拉菜单

摘要： 1、需求：当鼠标滑过时，会弹出其对应的二级子菜单问题：一般菜单中的文字都是加了超链接的~一个常用的样式是鼠标hover时对应的那一会颜色变深~自然会想到给a：hover加背景颜色的样式~不过颜色改变仅仅是文字那一小块~解决：把a设为块级元素~并设置a的padding~问题：父级菜单的li会根据子菜... 阅读全文

posted @ 2015-11-10 08:31 Liujunyan_x 阅读(139) 评论(0) 推荐(0) 编辑

2015年11月9日

水平垂直居中方式小结

摘要：话不多说~直接来看demo吧1、不定宽高的水平垂直居中：.box { position: absolute; top: 50%; left: 50; z-index: 3; -webkit-transform: translate(-50%,-50%);}2、flex版... 阅读全文

posted @ 2015-11-09 13:04 Liujunyan_x 阅读(159) 评论(0) 推荐(0) 编辑

2015年11月8日

使用reveal.js制作酷炫的页面

摘要：几天前遇到一个制作3D幻灯片效果的插件，试着用到自己的在线简历页面中，展示效果蛮好的。不过查阅了很多文档，几乎都是英文，于是想着整理一下写一篇博客当总结。准备工作：1、首先当然是下载相应reveal的资源，下载链接：https://github.com/hakimel/reveal.js2、将相应的... 阅读全文

posted @ 2015-11-08 22:09 Liujunyan_x 阅读(6004) 评论(0) 推荐(1) 编辑

2015年11月4日

jQuery.on()和jQuery.off()--注意事项

摘要：总结： 1、这两个都是是官方推荐的为元素绑定/移除事件的函数~虽然函数须由一个jQuery调用~但本意应该是为调用此函数的jQuery对象的子元素绑定/移除事件子元素由函数中... 阅读全文

posted @ 2015-11-04 17:03 Liujunyan_x 阅读(1255) 评论(0) 推荐(0) 编辑

2015年10月30日

响应式图片透明遮罩层效果

摘要：效果：初始时遮罩层露出一小部分鼠标悬停时透明遮罩层遮住整个图片：思路： ... 阅读全文

posted @ 2015-10-30 21:23 Liujunyan_x 阅读(2023) 评论(0) 推荐(0) 编辑

公告