H5+JS+CSS3实现七夕言情_技术问答

首页免费课 H5+JS+CSS3实现七夕言情问答

H5+JS+CSS3实现七夕言情

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·121993
免费课程
                                
jQuery基础(二)—DOM篇
入门·114013
免费课程
                                
jQuery基础(四)—动画篇
初级·85050
免费课程
                                
jQuery基础(三)—事件篇
入门·89996
免费课程
                                
jQuery基础 (一)—样式篇
入门·217510
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71439
免费课程
                                
                难度中级
            
                时长 2小时25分
            
                学习人数
            
综合评分9.47
                            88人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.2
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

leyiwo

666666

0 2-1 页面的横向布局

2016-08-24

leyiwo

666666

2 1-3 编程节奏

2016-08-24

leyiwo

哈哈哈！！！

1 1-2 效果介绍

2016-08-24

leyiwo

这样。。、、。

1 1-1 课程简介

2016-08-24

我我哦我我

+ 我来回答回答最高可+2积分

0 回答 831 浏览

2016-08-24

qq_一直很安静_8

要实现动画的方式有很多，可以控制小男孩让他向前走，也可以控制场景向后退，方法也很多，可以用css3的animation方法，也可以用jQuery的动画效果，还可以用transform和transition的组合，状态控制可用相对定位绝对定位的top和left值，也可以用translate3d的x轴、y轴、z轴，方式方法和状态也能进行合理的组合

3 3-3 走路的实现

2016-08-23

为什么执行 boy.walkTo(2000, 0.2) 参数是两个...0,2表示走到百分之20的范围...怎么取值的

最赞回答 / Iris01

2000ms=2s0.4=40%

2 回答 1206 浏览 4-2 小男孩部分代码的封装

2016-08-23

qq_一直很安静_8

来此解释一下比较受关注的几个问题，var pathY = function() {}（），意思是定义了一个名叫pathY的函数，而且是自动运行的；44行 var $elem就是声明一个jQuery对象，是通过dom节点的className来获取的；getValue（）是一个函数，在前面var getValue = function(className) {}就声明过了，把“.className”传过去就可以得到一个有height和top属性的对象，也就是后面的data对象，有了这个对象就可以得到pathY的值了，OK，解释完毕，大神表喷我。。。

18 3-1 布局的自适应动态调整

2016-08-23

qq_一直很安静_8

要想看得轻松，仅仅会js是远远不够的，还需要css3、jQuery打底

0 2-2 页面之间的卷滚切换效果

2016-08-23

qq_一直很安静_8

js部分最后设置每一个页面li的宽度可以直接用slides.css（）方法，自带隐式的循环处理，这就是jQuery的好处

1 2-1 页面的横向布局

2016-08-23

死了3239144

大笑。。。到这就所有人已经都吓跑了。

0 7-4 转身与logo效果

2016-08-22

error_zhu

当然为了防止混淆自己可以这样定义
var aa = {};
aa.scrollTo =function(x,speed){
element.css({
'transition-timing-function':'linear',
'transition-duration':speed+'ms',
'transform':'translate3d(-'+x+'px,0px,0px)'
});
//return this;
};
return aa;//返回定义的对象

1 2-3 页面切换部分的代码封装

2016-08-22

error_zhu

在swipe.js里声明对象var swipe = {};
对象定义接口的时候才不会出错：
swipe.scrollTo =function(x,speed){
element.css({
'transition-timing-function':'linear',
'transition-duration':speed+'ms',
'transform':'translate3d(-'+x+'px,0px,0px)'
});
return this;//swipe对象方法里的语句，因为HTML不需要也可以
};

1 2-3 页面切换部分的代码封装

2016-08-22