Based on html5 Page scrolling background image animation effect,

Based on html5 Page scrolling background image animation effect,

Based on html5 Page scrolling background image animation effect is a Page scrolling animation special effect code with index buttons. As follows:

Download Online Preview source code

Implementation code.

Html code:

<Div id = "fullpage"> <div class = "first section"> <div class = "container"> <div class = "phonesblock"> <div class = "phones">   </div> <div class = "downblock"> <div class = "downwrap">  </div> <div class = "star"> <div class = "vline"> </div>  </div> <div class =" androiddown "> </div> <div class =" second section "> <div class =" container "> <div class =" hablock "> <div class =" starmoon ">  </div> <div class = "help">  <div class = "pop4 ">   </div> <div clas S = "answer"> <div class = "answers"> <div class = "pop1">   </div> <div class = "pop2">   </div> <div class = "pop3">   </div> <div class = "pillows">  </di V> </div> <div class = "yewenblock"> <div class = "yewen"> <div class = "title"> night question? </Div> <div class = "content"> <p> one of your questions, <br/> makes so much effort! <Br/> whether it's emotional confusion <br/> or 100,000 reasons, <br/> here someone will respond to you! <Br/> </p> </div> <div class = "ball"> <div class = "vline"> </div>  </div> <div class = "third section"> <div class = "container"> <div class = "goodnight"> <div class = "hearttalk">   </div> <div class = "yehuablock"> <div class = "yehua"> <div class = "title"> evening calls </Div> <div class = "content"> <p> you have a love story. <br/> I don't know how many people have been pushed! <Br/> let's talk about soup and gossip. <br/> who made the exercise girl too simple! <Br/> </p> </div> <div class = "smile"> <div class = "vline"> </div>  </div> <div class = "fourth section"> <div class = "container"> <div class = "connblock"> <div class = "connection"> <div class = "bg1">  </div> <div class = "bg2">  </div> <div class = "connwrap"> <div class = "f2b">  </div> <div class = "f3b"> <div class = "f3wrap">  </div> <div class = "f1b">  </div> <div class =" fujinblock "> <div class = "fujiin"> <div class = "title"> nearby </div> <div class = "content"> <p> depend on me, <br/> my neighbors were so lonely! <Br/> unknown sound nearby. <br/> you are only one exercise away from Ta! <Br/> </p> </div> <div class = "loc"> <div class = "vline"> </div>  </div> <div class = "th section"> <div class = "abveblock"> <div class = "abve"> </div> <div class = "center"> <div class = "housewrap">  <div class =" cloud ">  </div> <div class = "lunar">  </div> <div class = "footer"> <script src = "/scripts/2bc/_ gg_980_90.js" type = "text/javascript"> </script> </div> </div>

Via: http://www.w2bc.com/article/55058