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

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

H5+JS+CSS3实现七夕言情

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

CT__________

这声音。。。。没谁了，跟着本大神去搞起

1 1-1 课程简介

2016-07-07

yuyang123

还是更喜欢用transition,简单。
加这俩个样式就OK。
#sun {
transition: all 5s;
}
.rotation {
transform: translate(-200px, 100px);
}

2 5-1 太阳动画效果

2016-07-02

yuyang123

$("button:last").click(function() {
if(isPause)return false;
isPause = true;
$boy.css('left',$boy.css('left'));
runTime += (Date.now() - startTime)/1000;
$boy.addClass('pauseWalk');
});

5 3-4 运动的状态控制

2016-07-02

yuyang123

$("button:first").click(function(){
if(!isPause)return;
isPause = false;
startTime = Date.now();
$boy.addClass('slowWalk').css({
'left': $("#content").width() + 'px',
transition: 'left ' + (time - runTime) + 's'
}).removeClass('pauseWalk');
});

3 3-4 运动的状态控制

2016-07-02

yuyang123

var time = 10, startTime, runTime = 0;
var isPause = true;

2 3-4 运动的状态控制

2016-07-02

yuyang123

我感觉很好呐！

0 2-1 页面的横向布局

2016-07-02

多思量

你们这样子吐槽真的好么QAQ

0 1-2 效果介绍

2016-06-30

xsw2012

老湿是个逗比，跟着本大神去搞起吧

1 1-1 课程简介

2016-06-28

青枫ky

这个用动画做不是更好吗。。

0 1-2 效果介绍

2016-06-24

唉唉唉唉爱

叼叼叼，老师真有激情

1 1-1 课程简介

2016-06-23

ybc4652

挺好的没事练练手

0 6-6 鸟动画的实现

2016-06-22

midasqerr

代码太乱了startRun明明可以换其他函数偏要起同名，本来好简单的故意弄复杂，故意卖弄

0 6-4 人物进出商店的坐标计算

2016-06-18

midasqerr

getValue('.a_background_middle')这个方法在哪？都没声明

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

2016-06-18

midasqerr

swipe is not a function,swipe要改成大写Swipe

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

2016-06-18

jinghun

那个源码，需要联网才能播放？

2016-06-16

首页上一页 27 28 29 30 31 32 33 下一页尾页

开始学习

课程须知: 本课程为高级案例课程，其中所用的大部分知识点不做深入剖析，只讲解如何使用，部分代码需要由你自己填充。需要具备如下知识： 1、HTML4、HTML5 2、CSS2、CSS3 3、JavaScript、jQuery 4、面向对象思想

老师告诉你能学到什么？: 1、如何实现页面的无缝滚动 2、如何实现视觉差效果 3、异步编程处理 4、CSS3动画过渡 5、JS动画实现 6、H5的音乐效果

微信扫码，参与3人拼团

热搜

最近搜索清空

H5+JS+CSS3实现七夕言情