全屏切换效果_技术问答

精慕门1023843

有源码吗？

已采纳田心枫的回答

http://download.csdn.net/detail/joueu/8653897

2017-05-20 1回答·1676浏览

慕码人2986628

效果没出来

你的代码可能打错了

*{padding:0; margin:0;}
html, body{ height:100%; overflow:hidden;}
#container,.sections,.section{height:100%;}
#section0,#section1,#section2,#section3{background-color:#000; background-size:cover; background-position:center; color:#FFF; text-align:center;}
#section0{ background-image:url(images/1.jpg)}
#section1{ background-image:url(images/2.jpg)}
#section2{ background-image:url(images/3.jpg)}
#section3{ background-image:url(images/4.jpg)}

<div id="container">
<div class="sections">
    <div class="section" id="section0"><h3>this is pagefull</h3></div>
    <div class="section" id="section1"><h3>this is pagefull</h3></div>
    <div class="section" id="section2"><h3>this is pagefull</h3></div>
    <div class="section" id="section3"><h3>this is pagefull</h3></div>
</div>
</div>

2017-04-18 1回答·1396浏览

Yanfront

用的什么编译器: sublime text2; 2015-09-24 2回答·733浏览

qq_念在天边_0

怎么把懂得写出来？: 不懂就要多做错了就要懂得找问题; 2015-09-15 2回答·890浏览

最佳璇择

页面是空白的,加的背景颜色和背景图片都不显示: 2015-09-13 2回答·1829浏览

陌小楠

什么软件呢？

myeclipse

2015-09-13 1回答·758浏览

愿一世欢颜

为什么我css初始化后，HTML和body的高度还有.container,section的高度都设置为100%时候根本撑不开整个高度呢？: 2015-08-25 2回答·2573浏览

转角z

什么快捷键？: sublime的插件; 2015-08-23 2回答·795浏览

原野微风

老师，问一下你的sublime的autocomplete插件用的什么

sublime 没有像Dreamweaver那样代码提示功能，autocomplete应试类似这个功能的

2015-08-07 1回答·2604浏览

qq_娜_13

改成竖屏，求助: 2015-08-07 2回答·1042浏览

Hello_everW

为啥html 100% 就全屏？

因为有些浏览器有margin各padding

2015-08-06 1回答·923浏览

谭谭谭

老师在哪里可以学习javascript组件开发: 最快的方法是w3c上学，看看例子，最权威的学习地方。http://www.w3school.com.cn/; 2015-08-02 1回答·1186浏览

BangKk

关于e.preventDefault();: 2015-07-29 2回答·1421浏览

oksite

全屏切换fullPage.js还是很不错: 2015-07-25 3回答·1422浏览

DonTk

【求解答】有人发现当鼠标滚动太快的时候有bug吗？: 2015-07-21 3回答·933浏览

暖小心

隐藏滚动条屏幕不能切换: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>页面切换</title>
<style type="text/css">
body{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
html,body{ height:100%; overflow:hidden;}
#container,.section{ height:100%;}
#container{ width:400%; }
.section{ width:25%;}
#section0,#section1,#section2,#section3{ background-color:#FCC; background-size:cover; background-position:50% 50%;}
#section0{ background-image:url(images/1-2-3.png)}
#section1{ background-image:url(images/4-5-6.png)}
#section2{ background-image:url(images/1-2-3.png)}
#section3{ background-image:url(images/4-5-6.png)}
.float{ float:left;}
</style>
</head>
<body>
<div id="container">
<div class="section float" id="section0"></div>
    <div class="section float" id="section1"></div>
    <div class="section float" id="section2"></div>
    <div class="section float" id="section3"></div>
</div>
</body>
</html>; 2015-07-16 2回答·702浏览