H5+JS+CSS3 实现圣诞情缘_技术问答

首页免费课 H5+JS+CSS3 实现圣诞情缘问答

H5+JS+CSS3 实现圣诞情缘

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
jQuery基础(二)—DOM篇
入门·114013
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211524
免费课程
                                
jQuery基础(四)—动画篇
初级·85049
免费课程
                                
jQuery基础(三)—事件篇
入门·89997
免费课程
                                
jQuery基础 (一)—样式篇
入门·217511
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71439
免费课程
                                
                难度中级
            
                时长 2小时33分
            
                学习人数
            
综合评分9.67
                            49人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.6
                                逻辑清晰

全部评论问答未解决精华

舌乚七ノ米曹、つ

借用老师的思路写出了雪花，谢谢！
老师不是写的很好，只是我们太肤浅了，代码复用性很强。
写雪花的时候记住每个雪花都应该有自己的状态，否则会出现不流畅情况，特别是加速度，一定要重头到尾都一样。
思路如下
1.初始化雪花并且将每个雪花的状态保存至自定义的数组中,老师上面是保存在snowArr中，至于new snow()，可以这样写比较方便理解，snowArr[i]={这个对象进行保存每个雪花对应的状态}
2.用for 遍历 snowArr数组并且绘制雪花
最后就是边界判断了 if（圆心的Y-圆心R > canvas.height）{ 就直接把圆心的Y-canvas.height}

0 7-4 canvas飘雪(下)

2017-08-05

小家也碧玉

效果出不来的只要把最后的})后面的逗号改成；就好了
$("button").on("click",function(){
/**
* 通过transition的方式改变运动
*/
$(".bird").transition({
'right': "3rem",
}, 10000,'linear',function(){
alert("结束")
});
});

0 3-4 元素运动实现

2017-08-04

qq_叫什么好呢__0

浏览器够新的话，可以不用在keyframes前加前缀。

1 3-2 关键帧动画

2017-08-01

rem布局中字号大小到底需要rem吗

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

2 回答 1630 浏览 3-1 自适应rem布局

2017-07-27

自己单独写就不行啊总干姐姐少了什么

已采纳回答 / 慕粉3832709

正常，你先不要急着自己写，就像小时候学写字一样，先照着抄，在这个过程中，你就会逐渐的记下了。有些东西不是明白了，就会了，学习最重要的是记忆，如果没有过目不忘，就只能死记硬背。背的方式有很多种，自己选一种最容易接受的，也是最舒服方式。我的IT老师曾说过：学这个，你们要先从模仿开始。

1 回答 1544 浏览 3-4 元素运动实现

2017-07-22

慕神5499732

javascript代码看不大懂

0 4-1 布局结构

2017-06-29

qq_冉兮墙角落泪_0

rem这个单位是什么时候提出的，没用过这个，之前一直用的em写移动端

0 3-1 自适应rem布局

2017-06-15

mxdcz

@-webkit-keyframes bird-slow {

0% {background-position-x: -0px}
100% {background-position-x: -273px}
}

0 3-2 关键帧动画

2017-06-15

变量多赋值

最新回答 / mxdcz

this.events = this.events || {}---如果该类里没有定义events属性,就给该类定义this.events并赋值一个空对象{}var events = this.events---两个是一样的,操作events就等于操作this.events.至于为什么, 美观?易于理解?我也不知道. 如果有别的理解请回复我

1 回答 1064 浏览 3-7 观察者模式的理解

2017-06-12