Team:KIT-Kyoto----

From 2010.igem.org

(Difference between revisions)
(New page: <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.ne...)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
-
<head>  
+
<html><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/jquery.js"></script>  
Line 11: Line 9:
   $( document ).ready( function ()
   $( document ).ready( function ()
{
{
-
$( '#example' ).scrollFollow();
+
$( '#iGEM' ).scrollFollow();
}
}
);
);
Line 26: Line 24:
}
}
-
#example {
+
#iGEM {
position: relative;
position: relative;
 +
                        float:right;
width: 180px;
width: 180px;
-
margin: 10px;
+
margin: 0px;
-
padding: 20px;
+
padding: 0px;
-
background: #eee url(/images/sfbgTile.png);
+
border: 0px solid #42CBDC;
-
border: 2px solid #42CBDC;
+
-
}
+
-
+
-
p {
+
-
margin: 7px 0 0 0;
+
}
}
</style>  
</style>  
Line 43: Line 37:
<body>  
<body>  
-
<div id="example">
+
<div id="iGEM">  
-
+
<a href="http://kitchen.net-perspective.com/open-source/scroll-follow/"><img src="/images/ducks.png" alt="Ducks" /> </a>  
-
<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>  
</p>  
-
</div><!--end #example-->  
+
</div>

Latest revision as of 04:03, 24 October 2010





























































































































































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