"
Team:KIT-Kyoto----
From 2010.igem.org
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Scroll Follow Simple Example</title>
<script type="text/javascript" src="http://kitchen.net-perspective.com/sf-example/jquery.js"></script> <script type="text/javascript" src="http://kitchen.net-perspective.com/sf-example/ui.core.js"></script>
<script type="text/javascript" src="http://kitchen.net-perspective.com/sf-example/jquery.scroll-follow.js"></script>
<script type="text/javascript"> $( document ).ready( function ()
{ $( '#example' ).scrollFollow(); } );
</script>
<style type="text/css"> body { margin: 0; padding: 0; height: 2000px; font-family: Georgia; font-size: 0.9em; line-height: 1.4em; }
#example { position: relative; width: 180px; margin: 10px; padding: 20px; background: #eee url(/images/sfbgTile.png); border: 2px solid #42CBDC; }
p { margin: 7px 0 0 0; } </style> </head>
<body>
<img src="/images/ducks.png" alt="Ducks" />
This is a simple example of Scroll Follow. Scroll down to see what happens.
<a href="http://kitchen.net-perspective.com/open-source/scroll-follow/">Back to Scroll Follow home.</a>
</body>
</html>
