随笔分类 -  【代码总结】

实用性代码及常见问题总结
摘要:一、绝对定位(position:absolute) 1、设置了绝对定位后,div即脱离文档流成为独立的框体,可以设置z-index确定其所在层级。 2、如果同时设置了top等值,则其相对于浏览器定位;如果没有设置top等值,则相对于父级div定位。 二、相对定位(position:relative) 阅读全文
posted @ 2016-05-26 14:53 59木雨 阅读(544) 评论(0) 推荐(0)
摘要:此文内更新所有平时遇到的实用代码一、圆弧边框: border-radius:10px; //对边框四角的10px的部分进行圆弧处理 border-radius:50%; //以四角为圆心,让每个边框的50%的部分做圆弧处理,(50%时,一般用在让正方形的边框变成一个圆圈)二、阴影: b... 阅读全文
posted @ 2015-08-04 15:57 59木雨 阅读(239) 评论(0) 推荐(0)
摘要:【目标】制作一个有5张图片的轮播图【分析】想要制作轮播图,需要如下3个步骤:1、页面打开之后,第一个图片显示,其余的图片,隐藏2、图片间隔5秒轮播一次3、传到第5个图后回到第1张【制作】 1、页面打开之后,第一个图片显示,其余的图片,隐藏: $(“.bg”).not(“:eq(0)”).hi... 阅读全文
posted @ 2015-07-25 20:45 59木雨 阅读(363) 评论(1) 推荐(0)
摘要:各个浏览器的内核不同,导致相同的代码,浏览器显示出来的效果不同【 -moz】/*Firefox4*/-moz-transition:width2s;-moz-transition-timing-function:linear;【-webki】/*SafariandChrome*/-webkit-tr... 阅读全文
posted @ 2015-07-09 11:21 59木雨 阅读(502) 评论(0) 推荐(0)
摘要:一、代码内容: 选项卡切换——带标题底纹样式二、效果如图:三、代码:选项卡切换-标题栏底部颜色切换 主页 任务管理 第三项目录 主页内容 ... 阅读全文
posted @ 2015-07-08 11:38 59木雨 阅读(321) 评论(0) 推荐(0)