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

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

H5+JS+CSS3实现七夕言情

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

为什么背景图片用的url地址显示不出来，求大神解答，代码抄老师的？？？？？

已采纳回答 / 一滴水墨92

<...图片...>你的布局里就没导入背景图片，所以不可能有背景图如：这样<div class="a_background"> <div class="a_top"></div> <div class="a_middle"></div> <div class="a_bottom"></div></div>

4 回答 4063 浏览 3-3 走路的实现

2016-12-06

transition是jq的方法吗？为什么可以这么用$boy.transition 我jq3.1.1提示没有这个方法。。。求解。卡在这了

已采纳回答 / ddxs

1 回答 1772 浏览 3-5 路径动画的处理

2016-12-04

为什么代码里可以这么设置transition？

最赞回答 / weibo_深蓝和深蓝_0

这边应该是使用了jQuery的一个插件，translate.js，所以才会有这段代码。里面的参数应该去看下这个插件的描述就知道。比如runTime时动画时间，函数是回调函数等

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

2016-12-04

为什么写这个css的时候 'transform" 这写属性要加引号前面写 width 和 height 属性的时候不用加引号

已采纳回答 / 再度流浪

width 和height加引号也可以，这个是对象字面量，在属性名不包含特殊字符时，无需加引号，使用中为方便一般也是不加引号的；但'transition-duration'中有'-', 就需要加了。作为字符串格式（json）时，属性名是要加引号的。

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

2016-12-03

.content-wrap > li

已采纳回答 / 慕尼黑8414315

这个是子选择器，意思是选择class="content-wrap"下一级的<li>元素（仅一级）

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

2016-11-30

关于transition的问题

最新回答 / 徐青Qing

有没有引用jquery.transit.js插件？

1 回答 760 浏览 6-3 灯光效果

2016-11-29

光标不能精准插入代码

已采纳回答 / qq_缔曦_04032696

换个浏览器试试

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

2016-11-22

function doorAction(left, right, time)

最赞回答 / 慕粉1471353066

left,代表左边门向左移动的距离，right代表右边门向右移动的距离，time表示移动时间。初始化count=2，transition的动画是异步执行的，doorLeft.transition执行完回调complete函数将count减1，doorRight.transition执行完回调complete判断count为1，执行defer.resolve(),动画完成。

4 回答 902 浏览 6-2 开门关门效果的实现

2016-11-20

return snowflakeURl[[Math.floor(Math.random() 6)]];大神帮忙解释一下这个返回值*

最新回答 / 慕沐8222582

对啊，那就去掉一个呗，（去掉一个也可以哦）

3 回答 901 浏览 7-5 飘花效果的实现

2016-11-20

var proportionX = (girl.getOffset().left - boy.getWidth() + girl.getWidth() / 5) / visualWidth;这些坐标是如何计算的

最新回答 / 慕婉清2283846

你可以把girl.getOffset().leftconsole.log( girl.getOffset().left ); 这些都打印出来不就知道了吗

1 回答 905 浏览 7-3 运动的轨迹处理

2016-11-20

为什么x坐标这样表示：-' + (width 2) + 'px*

已采纳回答 / qq_画一群人的感伤_0

学到这里有两个场景，这个是在实现两个场景之间的切换。用的方法是移动父元素的x坐标。使用js获取的width是页面可视区域的width，因为之前我们写了hidden，所以可视页面的width其实是等于一个场景的width。而我们要实现从第一个页面滚动到第三个页面，我们的x坐标应该是2倍的width。所以这里用了 (width*2) 。 PS：说的有点啰嗦，希望你能理解我的意思

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

2016-11-18