- 博客(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关注的人