Local pictures and CSS and other files
<! DOCTYPE html>
<meta charset= "Utf-8" >
<title>fullpage.js-Background Demo _dowebok</title>
<!--Web links css <link rel= "stylesheet" href= "Http://cdn.dowebok.com/77/css/jquery.fullPage.css" >-
<link rel= "stylesheet" href= "Css/jquery.fullpage.css" >
<style>
. Section1 {Background:url (picuter/1.jpg) 50%;}
. slide{Background:url (picuter/statics-topic-pi-assets-img-panel4_bg3.jpg) 50%;}
. section3 {Background:url (picuter/statics-topic-pi-assets-img-panel3_bg3.jpg) 50%;}
. section4 {Background:url (picuter/statics-topic-pi-assets-img-panel4_bg1.jpg) 50%;}
</style>
<script src= "Http://cdn.staticfile.org/jquery/1.8.3/jquery.min.js" ></script>
<!--<script src= "Http://cdn.dowebok.com/77/js/jquery.fullPage.min.js" ></script>-
<script src= "Script/jquery.fullpage.min.js" ></script>
<script>
$ (function () {
$ (' #dowebok '). Fullpage ();
});
</script>
<body>
<div id= "Dowebok" >
<div class= "section section1" ><center> Fairy's Paradise </center></div>
<div class= "section section2" >
<div class= "Slide" ></div>
<div class= "Slide" ></img></ Div>
<div class= "Slide" ></img></ Div>
</div>
<div class= "section Section3" ></div>
<div class= "section section4" ></div>
</div>
<a href= "http://www.dowebok.com/" style= "Display:none;" >dowebok</a>
<a href= "http://www.dowebok.com/77.html" style= "Display:none;" >jquery Full-screen scrolling plugin fullpage.js</a>
<script src= "Http://hm.baidu.com/h.js?988268596e7a833ffbfb2e9f82d93e18" ></script>
</body>
Web CSS and pictures and other files
<! DOCTYPE html>
<meta charset= "Utf-8" >
<title>fullpage.js-Background Demo _dowebok</title>
<link rel= "stylesheet" href= "Http://cdn.dowebok.com/77/css/jquery.fullPage.css" >
<style>
. Section1 {Background:url (http://www.taofoot.com/1.jpg) 50%;}
. slide{Background:url (http://mainsite.oss-cn-hangzhou.aliyuncs.com/statics/topic/pi/assets/img/panel4_bg3.jpg) 50%;}
. section3 {Background:url (http://mainsite.oss-cn-hangzhou.aliyuncs.com/statics/topic/pi/assets/img/panel3_bg3.jpg) 50%;}
. section4 {Background:url (http://mainsite.oss-cn-hangzhou.aliyuncs.com/statics/topic/pi/assets/img/panel4_bg1.jpg) 50%;}
</style>
<script src= "Http://cdn.staticfile.org/jquery/1.8.3/jquery.min.js" ></script>
<script src= "Http://cdn.dowebok.com/77/js/jquery.fullPage.min.js" ></script>
<script>
$ (function () {
$ (' #dowebok '). Fullpage ();
});
</script>
<body>
<div id= "Dowebok" >
<div class= "section section1" ><center> Fairy's Paradise </center></div>
<div class= "section section2" >
<div class= "Slide" ></div>
<div class= "Slide" ></img></div>
<div class= "Slide" ></img></div>
</div>
<div class= "section Section3" ></div>
<div class= "section section4" ></div>
</div>
<a href= "http://www.dowebok.com/" style= "Display:none;" >dowebok</a>
<a href= "http://www.dowebok.com/77.html" style= "Display:none;" >jquery Full-screen scrolling plugin fullpage.js</a>
<script src= "Http://hm.baidu.com/h.js?988268596e7a833ffbfb2e9f82d93e18" ></script>
</body>
This article is from the "Jia Xiaoxian" blog, make sure to keep this source http://hackerxian.blog.51cto.com/9240575/1619013
Use fullpage to make big picture full screen scrolling