課程
/前端開發(fā)
/jQuery
/全屏切換效果
老師,為啥我隱藏滾動條以后,滾動鼠標就不恩給你切換了呢。。。。不解
2015-07-16
源自:全屏切換效果 1-1
正在回答
<!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>
代碼貼出來才方便解決
舉報
如何在PC和移動端實現(xiàn)全屏切換效果,本課程會給你答案
3 回答全屏切換fullPage.js還是很不錯
1 回答移動端實現(xiàn)全屏滾動
3 回答請教全屏滾動效果
1 回答為什么全屏滾動是單例模式?
1 回答可以不用jQuery插件實現(xiàn)全屏切換的效果嗎?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-07-16
<!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
代碼貼出來才方便解決