課程
/前端開發(fā)
/jQuery
/全屏切換效果
效果沒出來
2017-04-18
源自:全屏切換效果 1-1
正在回答
你的代碼可能打錯了??
*{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>
舉報
如何在PC和移動端實現(xiàn)全屏切換效果,本課程會給你答案
1 回答什么時候出移動端效果
1 回答代碼如課程一步步敲下來,發(fā)現(xiàn)最后一點效果也沒有,也沒報錯,崩潰~~~~~~~~~~~~~·
3 回答請教全屏滾動效果
1 回答橫屏效果實現(xiàn)不了
4 回答按下嘆號TAB鍵無效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2017-04-21
你的代碼可能打錯了??
*{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>