全屏滑动插件的CSS和HTML结构_全屏切换效果-慕课网

奇舞团

Web前端工程师

360奇舞团（奇虎75Team）是奇虎360公司Web平台部前端工程师和部分特约嘉宾组成的一个前端团队。在这里，我们一起工作学习、一起沉淀、一起分享、一起为前端贡献影响。开放是我们的特色，快乐是我们的使命。欢迎关注微博：75Team（http://weibo.com/75teams）

讲师课程

提问题

提交

其他问答

查看更多本节问答

写笔记

公开笔记

提交

问答
评论
笔记
资料下载

全部精华我要发布

为什么光用float而不设置.left及container的宽度的情况下图片显示不出来

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

2 回答 1053 浏览

2022-07-20

按照讲的横屏没有出现，不能水平滚动。container已经设置了400% .section:float 和宽25%

最新回答 / qq_宝气菩提_0

确认jQuery引用是否正常，不能滑动一般是javascript没有工作。

1 回答 1384 浏览

2018-06-23

移动端源代码

最新回答 / 阳盛即夏至

评论栏右侧有资料下载

1 回答 1529 浏览

2017-11-08

我的中间两页高度小一些

最新回答 / littlemin

代码什么样的

1 回答 1425 浏览

2017-08-03

全部设置包了100%之后，body和html设置了overfload：hidden，页面就无法显示了

最新回答 / 慕小小白

不是页面无法显示，因为你每一张高度都是100%所以你在页面上只能看到第一张页面，其他页面都在屏幕下方，又因为你body和html设置了overflow：hidden，所以滚动条被隐藏了，所以你没办法滑倒下一张了，你把overflow：hidden先注释了，你就能看到另外两张了

2 回答 2176 浏览

2017-06-04

width为什么是400%

已采纳回答 / qq_欠你一个我CodingD_04355410

100%是屏幕宽度；400%则是屏幕宽度的4倍。然后每张图片宽度设置为25%（4张时），则每张宽度为400%*25%=100%为屏幕宽度，从而实现全屏

1 回答 1570 浏览

2017-05-17

为什么图片不显示

最新回答 / 成群

检查下图片路径。

1 回答 783 浏览

2017-01-16

背景图片问题

最新回答 / mirsent3681149

background-size:contain是把图片等比例扩大，如果图片尺寸和窗口大小比例不一样就不能做到完成覆盖窗口了

1 回答 854 浏览

2016-10-20

横屏效果实现不了

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

1 回答 1730 浏览

2017-05-17

关于下载源代码与课程讲师所讲解的源代码不对应问题

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

3 回答 1462 浏览

2022-04-01

关于图片插入无法全屏显示的问题

最新回答 / 一树青枫

样式问题哦，它们中间是有逗号的，而不是空格呢。 #container, .sections, .section{ height: 100%; }

3 回答 1239 浏览

2017-02-17

老师写代码用的工具是什么工具啊

最新回答 / 森林迷了鹿Andera

sublimeText

2 回答 1061 浏览

2016-08-23

.left里面的宽度25%是什么意思？

已采纳回答 / 阿梦1123

我觉得container容器100%本来用一张图的话，可以是正好全屏，现在是4张的话，就用了400%，谢谢

3 回答 1651 浏览

2022-07-05

我的滚动条去掉之后就看不到图片了？为什么？

最新回答 / 源来爱上秀

我已经知道了

1 回答 766 浏览

2016-08-23

打了一个！按了Tab简，并没有出现基本框架结构啊，再是需要自己手动敲上去呢

最新回答 / wdcxc

这个其实是st的snippet，按了！就会自动提示了，你没有可能是因为你没有设置

1 回答 816 浏览

2016-08-23

全部我要发布

最热最新

只看我的

课程源代码（新）立即下载

1-2 全屏滑动插件的CSS和HTML结构

下一节课程：如何实现jQuery插件框架 (15:09) 下一节重新观看

为你推荐

讲师课程

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

为什么光用float而不设置.left及container的宽度的情况下图片显示不出来

按照讲的横屏没有出现，不能水平滚动。container已经设置了400% .section:float 和宽25%

移动端源代码

我的中间两页高度小一些

全部设置包了100%之后，body和html设置了overfload：hidden，页面就无法显示了

width为什么是400%

为什么图片不显示

背景图片问题

横屏效果实现不了

关于下载源代码与课程讲师所讲解的源代码不对应问题

关于图片插入无法全屏显示的问题

老师写代码用的工具是什么工具啊

.left里面的宽度25%是什么意思？

我的滚动条去掉之后就看不到图片了？为什么？

打了一个！按了Tab简，并没有出现基本框架结构啊，再是需要自己手动敲上去呢

推荐课程

手记推荐

1-2 全屏滑动插件的CSS和HTML结构

热搜

最近搜索清空

下一节课程： 如何实现jQuery插件框架 (15:09) 下一节 重新观看

为你推荐

讲师课程

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

推荐课程

相关课程

手记推荐

账号登录 验证码登录

下一节课程：如何实现jQuery插件框架 (15:09) 下一节重新观看

账号登录验证码登录