出了一個問題..
在加入了
afterLoad:function(link,index){
switch(index){
case 1:
break;
case 2:
break;
case 3:
break;
case 4:
break;
default:
break;
}
}，
這段代碼之后就無法實現翻頁效果了，使用定在一頁，沒法往下翻，求解！~~~
4 回答
舉報
0/150
提交
取消
在加入了
afterLoad:function(link,index){
switch(index){
case 1:
break;
case 2:
break;
case 3:
break;
case 4:
break;
default:
break;
}
}，
這段代碼之后就無法實現翻頁效果了，使用定在一頁，沒法往下翻，求解！~~~
2016-04-11
舉報
2016-05-18
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ? <meta name="viewport" content="width=divice-width,initial-scale=1,user-scalable=no">
? ? <title>個人簡歷</title>
? ? <link rel="stylesheet" href="css/reset.css" type="text/css">
? ?<link rel="stylesheet" href="css/fullpage.css" type="text/css">
? ? <link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
<div id="header">
? ? <div class="nav_bg"></div>
? ? ? ? <div class="nav">
? ? ? ? <div class="logo left"></div>
? ? ? ? ? ? <div class="title_rp left">
? ? ? ? ? ? <div class="title_rp1">個人簡歷</div>
? ? ? ? ? ? ? ? <div class="title_rp2">前端工程師</div>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div clsss="clear"></div>
? ? ? ? ? ? <ul class="right nav_options">
? ? ? ? ? ? <li class="left"><a href="#">首頁</a></li>
? ? ? ? ? ? ? ? <li class="left"><a href="#">筆記</a></li>
? ? ? ? ? ? ? ? <li class="left"><a href="#">關于</a></li>
? ? ? ? ? ? ? ? <div clsss="clear"></div>
? ? ? ? ? ? </ul>
? ? ? ? ? ? <div clsss="clear"></div>
? ? ? ? </div>
? ? </div>
? ? <!--header-->
? ? <div id="fullpage">
? ? ? ? <div class="section section1" style="height:100%">
? ? ? ? ? ? <div class="me">
? ? ? ? ? ? ? ? <div class="me_content">
? ? ? ? ? ? ? ? ? ? <div class="title">
? ? ? ? ? ? ? ? ? ? ? ? <div class="title1"><h1>我的現況</h1></div>
? ? ? ? ? ? ? ? ? ? ? ? <div class="title2">.SITUATION.</div>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? <div class="me_list">
? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_4 left">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div id="education">?
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div id="education_over"></div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_word1">學歷</div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_word2"><本科></div>
? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_4 left">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div id="age">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div id="age_over"></div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_word1">年齡</div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_word2"><24></div>
? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_4 left">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div id="location">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div id="location_over"></div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_word1">坐標</div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_word2"><上海></div>
? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_4 left">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div id="status">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div id="status_over"></div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_word1">狀態</div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="me_list_word2"><求職></div>
? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? <div clsss="clear"></div>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? <div class="me_info">
? ? ? ? ? ? ? ? ? ? ? ? <div class="me_info1"></div>
? ? ? ? ? ? ? ? ? ? ? ? <div class="me_info2">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <p class="me_info4">2014年7月畢業于淮陰工學院，現處于求職狀態</p>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <p class="me_info4">在一年多的工作之余我喜歡上了前端技術</p>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <p class="me_info4">每攻克一個問題就讓我充滿成就感</p>
? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? <div class="me_info3"></div>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <!--me-->
? ? ? ? <div class="skill section">
? ? ? ? ? ? <div class="skill_content">
? ? ? ? ? ? ? ? <div class="title">
? ? ? ? ? ? ? ? ? ? <div class="title1"><h1>專業技能</h1></div>
? ? ? ? ? ? ? ? ? ? <div class="title2">.SKILL.</div>
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? <div class="skill_konw">IT行業持之以恒的學習是必不可少的，特別在于前端行業的廣度和深度。而做好前端的重中之重在于對js的理解。</div>
? ? ? ? ? ? ? ? <div class="skill_list">
? ? ? ? ? ? ? ? ? ? <div class="skill_list_box left">
? ? ? ? ? ? ? ? ? ? ? ? <div class="skill_list_ph1"></div>
? ? ? ? ? ? ? ? ? ? ? ? <div id="skill_flag1" class="skill_flag"></div>
? ? ? ? ? ? ? ? ? ? ? ? <div id="skill_info1" class="skill_info"></div>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? <div class="skill_list_box left">
? ? ? ? ? ? ? ? ? ? ? ? <div class="skill_list_ph2"></div>
? ? ? ? ? ? ? ? ? ? ? ? <div id="skill_flag2" class="skill_flag"></div>
? ? ? ? ? ? ? ? ? ? ? ? <div id="skill_info2" class="skill_info"></div>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? <div class="skill_list_box left">
? ? ? ? ? ? ? ? ? ? ? ? <div class="skill_list_ph3"></div>
? ? ? ? ? ? ? ? ? ? ? ? <div id="skill_flag3" class="skill_flag"></div>
? ? ? ? ? ? ? ? ? ? ? ? <div id="skill_info3" class="skill_info"></div>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? <div clsss="clear"></div>
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <!--skill-->
? ? ? ? <div class="experience section">
? ? ? ? ? ? <div class="experence_content">
? ? ? ? ? ? ? ? ?<div class="title">
? ? ? ? ? ? ? ? ? ? <div class="title1"><h1>個人經歷</h1></div>
? ? ? ? ? ? ? ? ? ? <div class="title2">.EXPERIENCE.</div>
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="swiper">
? ? ? ? ? ? ? ? <div class="slide">11111</div>
? ? ? ? ? ? ? ? <div class="slide">22222</div>
? ? ? ? ? ? ? ? <div class="slide">33333</div>
? ? ? ? ? ? ? ? <div class="slide">44444</div>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <!--experence-->
? ? ? ? <div class="demo section">
? ? ? ? ? ? <div class="demo_content">
? ? ? ? ? ? ? ? ?<div class="title">
? ? ? ? ? ? ? ? ? ? <div class="title1"><h1>我的作品</h1></div>
? ? ? ? ? ? ? ? ? ? <div class="title2">.DEMO.</div>
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="demo_list"></div>
? ? ? ? </div>
? ? </div>
? ? <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/fullpage.js"></script>
? ? <script src="js/move.js"></script>
? ? <script>
? ? $(document).ready(function(){
$("#fullpage").fullpage({
navigation:"ture",
navigationPosition:"right",
navigationTooltips:["我的現狀","專業技能","我的經歷","部分作品"],
slidesNavigation:"ture",
slidesNavPosition:"bottom",
afterLoad:function(link,index){
switch(index){
case 1:
move(".section1 me_info1").set().end();
break;
case 2:
break;
case 3:
break;
case 4:
break;
default:
break;
}
},
onLeave:function(link,index){
switch(index){
case 1:
move(".section1 me_info1").set().end();
break;
case 2:
break;
case 3:
break;
case 4:
break;
default:
break;
}
},
});
$("#education,#age,#location,#status").mouseover(function(){
$(this).css({
"background-color":"#FFF",
"border-color":"#a0a0b4",
});
}).mouseout(function(){
$(this).css({
"background-color":"#a0a0b4",
"border-color":"#FFF",
});
});
$("#skill_flag1").click(function(){
$("#skill_info1").toggle();
$("#skill_info2,#skill_info3").hide();
});
$("#skill_flag2").click(function(){
$("#skill_info2").toggle();
$("#skill_info1,#skill_info3").hide();
});
$("#skill_flag3").click(function(){
$("#skill_info3").toggle();
$("#skill_info1,#skill_info2").hide();
});
$(".skill_list_ph1,.skill_list_ph2,.skill_list_ph3").mouseover(function(){
$("this").css
});
$(".nav_options").click(function(){
alert("正在建設中，請等待")
})
})
? ? </script>
</body>
</html>
2016-05-11
move.js放在body中
2016-04-23
可以把html的代碼也貼出來讓大家幫你看一看
2016-04-11