Difference between revisions of "Template:FAFU CHINA/try"

Line 41: Line 41:
 
});
 
});
 
</script>
 
</script>
 +
 +
 +
<!-- skip -->
 +
 +
<a class="down" href="javascript:;">
 +
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px; height: 30px; background: #147abc; z-index: 999; text-align: center;">
 +
<p style="color: #fff">Skip</p>
 +
</div>
 +
</a>
 +
 +
<script>
 +
$(function(){
 +
$(".down").click(function(){
 +
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
 +
});
 +
});
 +
</script>
 +
 +
<!--Scroll-->
 +
 +
<div style="position:relative; margin-top: -40px; width: 100%; overflow: hidden;" class="slideshow grid_12">
 +
<div class="holder">
 +
 +
<div id="wowslider-container">
 +
 +
<!--Scroll pic-->
 +
<div class="ws_images">
 +
<ul>
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/f/fa/Amoy-Home_Scroll_bg1.jpg" alt="123" title="" /></a></li>
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/e/eb/Amoy-Home_pic1.JPG" alt="456" title="" /></a></li>
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/2/22/Amoy-Home_pic3.jpg" alt="789" title="" /></a></li>
 +
</ul>
 +
</div>
 +
 +
<!--little pic-->
 +
<div class="ws_bullets">
 +
<div>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2015/a/a8/Amoy-Home_pic0_s.jpg" alt="CSS3 Slider" /></a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2015/0/0c/Amoy-Home_pic1_s.jpg" alt="CSS Slideshow" /></a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2015/3/3e/Amoy-Home_pic3_s.jpg" alt="CSS Gallery" /></a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/js/ScrollWowslider?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/ScrollScript?action=raw&amp;ctype=text/javascript"></script>
 +
 +
</div>
 +
</div>
 +
 +
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:04, 16 September 2015

Aomy

Skip

  • 123
  • 456
  • 789
CSS3 Slider CSS Slideshow CSS Gallery