Template:KIT-Kyoto-1

From 2010.igem.org

(Difference between revisions)
Line 199: Line 199:
-
</head>
+
<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>  
-
<body>
 
-
<BR><BR><BR>
+
<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>
 +
<div id="example">
 +
 +
<img src="/images/ducks.png" alt="Ducks" />
 +
 +
<p>
 +
This is a simple example of Scroll Follow. Scroll down to see what happens.
 +
</p>
 +
 +
<p>
 +
<a href="http://kitchen.net-perspective.com/open-source/scroll-follow/">Back to Scroll Follow home.</a>
 +
</p>
 +
</div>
</body>
</body>
</html>
</html>

Revision as of 03:38, 24 October 2010


Ducks

This is a simple example of Scroll Follow. Scroll down to see what happens.

Back to Scroll Follow home.

Retrieved from "http://2010.igem.org/Template:KIT-Kyoto-1"