自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

heartAndthink的博客

Standing on Shoulders of Giants

  • 博客(7)
  • 收藏
  • 关注

原创 js 实现一个简单的3D轮播效果

3D轮播图的制作 body,div,li{ margin:0px; padding:0px; } .box{height:50px;background-color:#000} #box2{ position:relative;/*相对定位的参考

2017-07-28 17:40:30 2114

原创 按钮划过波浪效果

@-webkit-keyframes circleIn{ 0%{-webkit-transform:scale(0);opacity:0.4} 100%{-webkit-transform:scale(1);opacity:0} }@keyframes circleIn{ 0%{transform:scale(0);opacity:0.4} 100%{transform:scale(1

2017-07-27 13:41:47 1145

原创 页面滚动的时候自动切换导航栏

解决方法:页面主体设置相同的结构如:当我们页面下上滑动的时候 利用当前div 的offset().top的值与页面滚动的距离作比较,进而获取当前页面主体显示的是哪个div(class为time的div),进而去对应导航栏上的对应选项,达到切换效果)代码: $(window).scroll(function(){ var top=document.d

2017-07-18 18:29:27 5929

原创 一个简单的倒计时

html: 距离本场结束: 20 时 22 分 22 秒 22 (这里是毫秒)js: //倒计时 var endtime='{$all.endtime}'; // 截止日期时间戳 单位秒 timer(); var sI=setInterval("timer()",1); // 1毫秒执行一次 function timer(){

2017-07-18 17:18:38 332

原创 es6与es5 中this的区别

廖雪峰:实验: demo1: var obj = { birth:1990, getAge : function(){ var birth = 1880; var b = this.birth; var fn = function() { console.log(this); // window

2017-07-07 17:59:36 903 1

原创 子组件传递数据到父组件(vue.js)

父组件: app.vue <!-- 父组件传递数据给子组件: 在调用组件的时候,使用v-bind将logo的值绑定为 APP.vue中定义的变量 logoMsg 然后就能将App.vue中的logoMsg的值传给header.vue 了 --> <!-- 子组件传递数据给父组件:

2017-07-06 15:47:43 4425

原创 父组件向子组件传递数据(vue.js)

父组件: app.vue子组件: header.vue子组件: <!-- logo 是在data中(父组件)定义的变量 如果需要从父组件中获取logo的值,就需要使用props['logo'], 如30行 在props中添加了元素以后,就不需要在data中(子组件)中再添加变量了 --> {{logo}}(我是父组件传递过来的值) {{na

2017-07-03 17:53:10 8119

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除