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

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

H5+JS+CSS3实现七夕言情

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

走动颜色不变

最新回答 / 慕虎5292548

在index.html中，引入

<script src="https://cdn.bootcss.com/jquery.transit/0.9.12/jquery.transit.js"></script>

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

2018-09-02

小男孩的腿在此章节不是运动的吗？

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

2 回答 1408 浏览 3-3 走路的实现

2018-09-01

把代码copy到本地只显示第一个颜色的页面

已采纳回答 / dandelion9508

页面加载执行了JS代码，所以获取第一个页面，只显示第一个页面。之后课程会加一些点击按钮实现页面切换的代码

1 回答 1367 浏览 2-1 页面的横向布局

2018-08-30

这里的return this就是return swiper吗，

最新回答 / 顾剑深情_

不是吧

4 回答 1384 浏览 2-3 页面切换部分的代码封装

2018-08-28

这句'transform': 'translate3d(-' + (width 2) + 'px,0px,0px)' //设置页面X轴移动*

最新回答 / 非语非境

"-"就是反向的意思，就是左边，可以看做整体来理解，这里width应该是个变量transform3d(x，y，z)三个参数分别代表x轴，y轴，z轴

1 回答 1353 浏览 2-2 页面之间的卷滚切换效果

2018-08-28

不懂这里是怎么计算的，为什么要乘以500，5000

最新回答 / qq_与我无关N_0

这个是随机控制花瓣的运动轨迹，飘下来的时候左右运动范围随机在0~500之间，运动时间随机在0~5000ms之间

2 回答 1333 浏览 7-5 飘花效果的实现

2018-08-22

小男孩出来手里没有花

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

1 回答 1151 浏览 6-5 等待取花

2018-08-20

背景图显示问题

最新回答 / jjccjwdlh

定位有问题

1 回答 935 浏览 3-4 运动的状态控制

2018-08-18

这句话怎么理解呢，为啥参数是className，两个"是什么呢

最新回答 / helen_papa

好的，谢谢了

2 回答 1312 浏览 3-1 布局的自适应动态调整

2018-08-18

在谷歌和IE都无法实现卷滚效果，每个li的宽度只是自身内容的宽度

最赞回答 / berealistic3893280

一开始也出现了这个情况，首先每一个slide的大小，在这里是通过js控制的，我也出现了这个情况，然后发现我没有写</script>。其次，关于卷滚效果，你最后一句“设置页面x轴移动”里面单引号和双引号混用，对应好就可以了。新手入门，恰好遇到相同的情况，不知道能不能帮到你。

3 回答 936 浏览 2-2 页面之间的卷滚切换效果

2018-08-17

写代码用HTML可以吗

最新回答 / qq_今ye月缺_03224034

就是用html5和css3来实现的，因为有一些标签，属性，和方法只有html5和css3才有

1 回答 1193 浏览 1-1 课程简介

2018-08-16

请大家给我解释以下这个代码

最赞回答 / 想转IT的机械狗

当点击了按钮之后设置小男孩的left值为当前的left

3 回答 1051 浏览 3-4 运动的状态控制

2018-08-15

qq_企鹅_13

请注意css样式要在style里写，不是script里！！！官方代码也有错的时候，请注意！！！

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

2018-08-14

鸟在原地飞

最新回答 / 想转IT的机械狗

把transition改成animate试一下

1 回答 1925 浏览 6-6 鸟动画的实现

2018-08-07

点击人没走

最新回答 / 石头的守望

哦，明白了

1 回答 1152 浏览 3-3 走路的实现

2018-08-03

sio_ho

swipe.js文件里的var slides = element.find(">");记得是‘>’,不是‘li’，‘>’表示是直接子元素li，使用‘li’是所有的后代li

0 7-2 星星与水波

2018-07-31

首页上一页 3 4 5 6 7 8 9 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

H5+JS+CSS3实现七夕言情