Team:NYMU-Taipei/Templates/Header/menu

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<head>
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
<head>
-
<title>Horizontal Slide Menu</title>
+
<title>Kwicks 1.5.1 Example Page</title>
-
<link rel="stylesheet" type="text/css" href="http://gel.ym.edu.tw/~evelyn132/igem/slidemenu.css" />
+
<!-- IMPORTANT!!! Include the stylesheet *BEFORE* the JavaScript (necessary for Safari 3.1.1) -->
-
<script type="text/javascript" src="http://gel.ym.edu.tw/~evelyn132/igem/slidemenu.js"></script>
+
<link rel="stylesheet" type="text/css" href="http://gel.ym.edu.tw/~evelyn132/igem/css/main.css" />
-
</head>
+
-
<body onload="slideMenu.build('sm',440,10,10,10)">
+
<script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
-
<p>&nbsp; </p>
+
<script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/jquery.easing.1.3.js" type="text/javascript"></script>
-
    <p>&nbsp; </p>
+
<script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/jquery.kwicks-1.5.1.js" type="text/javascript"></script>
-
<div id="menu">
+
-
<ul id="sm" class="sm">
+
-
<li> <a class="nonblock nontext grpelem" href="https://2011.igem.org/Team:NYMU-Taipei">
+
-
                <img src="https://static.igem.org/mediawiki/2011/0/03/1cc.png" alt="" /></li>
+
-
<li><a class="nonblock nontext grpelem" href="https://2011.igem.org/Team:NYMU-Taipei/idea">
+
</head>
-
      <img src="https://static.igem.org/mediawiki/2011/b/bb/2c.png" alt="" /></li>
+
<script type="text/javascript">
-
<li><a class="nonblock nontext grpelem" href="https://2011.igem.org/Team:NYMU-Taipei/design--experiment">
+
$().ready(function() {
-
                <img src="https://static.igem.org/mediawiki/2011/5/51/3c.png" alt="" /></li>
+
$('.kwicks').kwicks({
-
<li><a class="nonblock nontext grpelem" href="https://2011.igem.org/Team:NYMU-Taipei/results--performances">
+
max: 440,
-
      <img src="https://static.igem.org/mediawiki/2011/3/35/4c.png" alt="" /></li>
+
duration: 800,
-
<li><a class="nonblock nontext grpelem" href="https://2011.igem.org/Team:NYMU-Taipei/science%2C-technology%2C-society">
+
        sticky: true
-
      <img src="https://static.igem.org/mediawiki/2011/4/41/5c.png" alt="" /></li>
+
});
-
        <li><a class="nonblock nontext grpelem" href="https://2011.igem.org/Team:NYMU-Taipei/about-us">
+
});
-
                <img src="https://static.igem.org/mediawiki/2011/5/55/6c.png" alt="" /></li>
+
-
</ul>
+
</script>
-
</div>
+
<body>
-
</body>
+
<ul class="kwicks horizontal" >
 +
<li><img src="https://static.igem.org/mediawiki/2011/0/03/1cc.png" alt="" /></li>
 +
<li><img src="https://static.igem.org/mediawiki/2011/b/bb/2c.png" alt="" /></li>
 +
<li><img src="https://static.igem.org/mediawiki/2011/5/51/3c.png" alt="" /></li>
 +
<li><img src="https://static.igem.org/mediawiki/2011/3/35/4c.png" alt="" /></li>
 +
<li><img src="https://static.igem.org/mediawiki/2011/4/41/5c.png" alt="" /></li>
 +
<li><img src="https://static.igem.org/mediawiki/2011/5/55/6c.png" alt="" /></li>
 +
</ul>
 +
</body>
</html>
</html>

Revision as of 08:08, 5 October 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Kwicks 1.5.1 Example Page

Retrieved from "http://2011.igem.org/Team:NYMU-Taipei/Templates/Header/menu"