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