Team:KAIST-Korea/jihantest

From 2011.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:KAIST/header}}
{{:Team:KAIST/header}}
-
<div id="container" style="height:800px">
 
 +
<html>
 +
<head>
-
<table border="1">
+
<script type="text/javascript" src="jquery.js"></script>
-
  <tr>
+
<script type="text/javascript">  
-
     <th>Projects</th>
+
$(document).ready(function(){
-
    <th>Result</th>
+
$(".flip").click(function(){
-
    <th>Team</th>
+
     $(".panel").slideToggle("slow");
-
    <th>Misc.</th>
+
  });
-
</table>
+
});
 +
</script>
 +
 +
<style type="text/css">  
 +
div.panel,p.flip
 +
{
 +
margin:0px;
 +
padding:5px;
 +
text-align:center;
 +
background:#000000;
 +
border:solid 1px #c3c3c3;
 +
}
 +
div.panel
 +
{
 +
height:300px;
 +
display:none;
 +
}
 +
</style>
 +
</head>
 +
 +
<body>
 +
 +
<div class="panel">
 +
<p style="color:gray;font-size:15px">Because time is valuable, we deliver quick and easy learning.</p>
 +
<p style="color:gray;font-size:15px">At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p></div>
 +
 
 +
<p class="flip"><img src="http://images.sciencedaily.com/2009/04/090417195827.jpg" alt="Fat Dog" width="100" height="100"/></p>
 +
 
 +
 
 +
<button>Start Animation</button>
 +
 
 +
 
 +
</body>
 +
</html>

Latest revision as of 14:29, 27 June 2011

Because time is valuable, we deliver quick and easy learning.

At W3Schools, you can study everything you need to learn, in an accessible and handy format.

Fat Dog

Retrieved from "http://2011.igem.org/Team:KAIST-Korea/jihantest"