move.js
動(dòng)畫(huà)這里總是出問(wèn)題，不是網(wǎng)業(yè)滾動(dòng)問(wèn)題就是不能用，不知道那個(gè)環(huán)節(jié)出問(wèn)題了，求高手解答。
代碼還是看著老師的一步一步寫(xiě)的，不過(guò)看不見(jiàn)老師的外鏈。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utl-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<title>無(wú)標(biāo)題文檔</title>
<link rel="stylesheet" />
<script src="jquery-2.0.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/jquery.fullPage.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/vendors/jquery.easings.min.js"></script>
<script src="visionmedia-move.js-5299f9d/move.js" type="text/javascript"></script>
<style type="text/css">
body{ color:#FFFFFF;}
.section1{ background:#0099CC;}
.section2{ background:#996633}
.section3{ background:#666633}
.section4{ background:#FF6666}
#section1 p{color: #CCFF33; margin:5% auto 0; font-size:18px; width:60%;
opacity:0.6; margin-top:800px;}
</style>
</head>
<body>
<div id="fullpage">
<div class="section" ?id="section1">
<h1>說(shuō)甚的第四三的士大夫撒打算速度</h1>
<p>說(shuō)甚的第四三的士大夫撒打算速度說(shuō)甚的第四三的士大夫撒打算速度</p>
</div>
<div class="section section2">
<div class="slide">slide1</div>
<div class="slide">slide2</div>
<div class="slide">slide3</div>
<div class="slide">slide4</div>
</div>
<div class="section section3">第3屏</div>
<div class="section section4">第4屏</div>
</div>
<script>
$(function(){
$("#fullpage").fullpage({
verticalCentered:false,
anchors:["page1","page2","page3","page4"],
navigation:true,
navigationTooltips:["ss","ss","ss",
"ss"],
afterLoad:function(link,index){
switch(index){
case 1:move('.section1 h1').scale(1.5).end();
moce('#section1 p').set('margin-top','5%').end();
break;
default:
break;
? }},
});
});
</script>
</body>
</html>
2015-11-05
<script src="visionmedia-move.js-5299f9d/move.js" type="text/javascript"></script>
這段JS引用代碼需要放在Body標(biāo)簽內(nèi)部，如果不這樣放置，當(dāng)你用F12調(diào)試時(shí)會(huì)發(fā)現(xiàn)提示錯(cuò)誤，“document.body.style=null”
你把位置調(diào)整下就可以了。