- 博客(17)
- 收藏
- 关注
RSS订阅原创 类似锚点链接跳转的jq代码
$(".autotranslate-lookspan").on("click",function(){$("html,body").animate({scrollTop:$("#label").offset().top},1000)})
2017-06-21 14:49:44
387
原创 滚动条滚动到某个位置后显示动画
$(window).scroll(function(){var h=$(this).scrollTop();console.log(h);if(h>=1950 && h$('.caseimg').slideDown(1200)}if(h>=2600 && h$('.case-bigone1').slideDown(800)$('.case-bigone2').fad
2017-06-21 14:14:12
4408
原创 阴影box-shadow
box-shadow: h-shadow v-shadow blur spread color inset;box-shadow：阴影类型（默认外阴影 inset为内阴影） x轴 y轴 模糊 扩展半径 阴影颜色
2017-06-21 14:07:07
201
原创 透明度
网页中经常会遇见背景颜色透明了 上面的文字也跟着相对的透明了 想要有背景图透明文字不透明的效果 就用background-color: rgba(255, 150, 255, 0.4); div{width: 500px;height: 300px;background-color: rgba(255, 150, 255, 0.4);filter:alph
2017-06-21 13:56:31
232
转载 SVN
SVN是Subversion的简称，是一个开放源代码的版本控制系统，相较于RCS、CVS，它采用了分支管理系统，它的设计目标就是取代CVS。
2017-04-26 13:55:14
160
原创 react基础
1、react发展facebook在构建instagram网站的时候遇见两个问题1）数据绑定的时候，大量操作真实dom，性能成本太高2）网站的数据流向太混乱，不好控制于是facebook起初调研过市场上已存的mvc框架，发现都不太满意，于是就推陈出新，开发了react框架，并在2013年五月份开源2、React的特点：1）简单2）
2017-03-30 09:06:56
205
原创 背景图片随滚动轴移动
body{ height: 2000px; //因为该页面没有滚动条所以给页面一个高度出现滚动条 color: #fff; //测试背景图片为黑色所以设置页面字体颜色为白色}div{ margin-top:500px; //给一个top测试的时候会更方便观看 background-image:url(plants-bg.png); //给元素
2017-03-24 16:29:35
992
原创 table边框变细代码
Header Header Header Header 这里是连温柔~ 这里是连温柔~ 这里是连温柔~ 这里是连温柔~ 这里是连温柔~ 这里是连温柔~ 这里是连温柔~ 这里是连温柔~ 这里是连温柔~ 这里是连温柔~
2017-03-20 20:49:12
766
原创 分栏布局(多列布局)
column-count: 列数目 column-gap: 各列之间间隙宽度 column-width: 建议宽度；未必会使用，浏览器基于此数值进行计算。column-rule:列之间分割线宽度，风格，颜色column-rule-width：列之间分割线宽度 column-rule-style：列之间分割线风格 column-rule-color：列之间分割线颜色
2017-03-20 09:39:58
3886
原创 Vue-数据交互
1.安装 （只需要一次）cmd：npm install --global vue-cli2.新建一个demo文件夹复制文件夹路径3.cmd：vue init web pack-simple vuedemo(此时demo文件夹内会出现vuedemo文件夹)4.cmd：cd vuedemo 进入vuedemo文件夹5.cmd：npm install 6.cmd：n
2017-03-16 21:39:07
437
原创 多行文本溢出显示省略号
这里是i喵酱,这个是一个多行超出换行的小demo,看这里看这里~~overflow:hidden;内容会被修剪，超出隐藏。text-overflow: ellipsis; 超出范围显示“...”。display: -webkit-box; 把对象转换成弹性盒模型 。-webkit-box-orient: vertical;设置或检索伸缩盒对象的子元素的排列方式 。-webkit
2017-03-14 20:06:50
614
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人