Team:CityU HK/Team/Member testing

From 2014.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 11: Line 11:
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/Team/Member_testing_css2?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/Team/Member_testing_css2?action=raw&ctype=text/css" type="text/css" />
 +
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/Team/Member_testing_js?action=raw&ctype=text/javascript" type="text/javascript" />
 +
 +
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css' />
 +
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css' />
-
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css' />
 
-
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css' />
 
     </head>
     </head>
 +
     <body>
     <body>
-
+
<div class="content">
-
<div class="content">
+
<h1>Expanding Image Menu with jQuery</h1>
<h1>Expanding Image Menu with jQuery</h1>
<h3>feat. Automatic Redial <a href="http://www.flickr.com/people/robnas/" target="_blank">by Robert Bejil Photography</a></h3>
<h3>feat. Automatic Redial <a href="http://www.flickr.com/people/robnas/" target="_blank">by Robert Bejil Photography</a></h3>
-
<ul id="trigger_list" class="trigger_list">
 
-
<li>Trigger the opening:</li>
 
-
<li><a href="#">Gary</a></li>
 
-
<li><a href="#">David</a></li>
 
-
<li><a href="#">Andrew</a></li>
 
-
<li><a href="#">Sean</a></li>
 
-
<li><a href="#">Marc</a></li>
 
-
<li><a href="#">Matt</a></li>
 
-
</ul>
 
<div id="ei_menu" class="ei_menu">
<div id="ei_menu" class="ei_menu">
<ul>
<ul>
Line 155: Line 148:
</div>
</div>
</div>
</div>
-
<div class="footer">
+
-
Tutorials and Demos by Codrops
+
-
<a href="http://tympanus.net/codrops/">Home</a>|
+
-
<a href="http://twitter.com/codrops">Twitter</a>|
+
-
<a href="http://www.facebook.com/pages/Codrops/159107397912">Facebook</a>|
+
-
<a href="http://feeds.feedburner.com/codrops">RSS</a>|
+
-
<a href="http://www.flickr.com/photos/robnas/" target="_blank">Images by Robert Bejil</a> from the
+
-
<a href="http://www.flickr.com/photos/robnas/sets/72157623610556961/" target="_blank"><strong>Automatic Redial 2010 Promo</strong> Set</a>
+
-
</div>
+
-
</div>
+
<!-- The JavaScript -->
<!-- The JavaScript -->
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
-
<script type="text/javascript" src="https://static.igem.org/mediawiki/2014/d/df/CityU_HK_member_jquery.easing.1.3.txt"></script>
+
<script type="text/javascript" src="https://static.igem.org/mediawiki/2014/d/df/CityU_HK_member_jquery.easing.1.3.txt"></script>
-
        <script type="text/javascript">
+
 
 +
     
 +
<script type="text/javascript">
$(function() {
$(function() {
var $menu = $('#ei_menu > ul'),
var $menu = $('#ei_menu > ul'),
Line 302: Line 289:
*/
*/
ExpandingMenu.init();
ExpandingMenu.init();
-
 
+
/*
/*
if later on you want to open / close a specific item you could do it like so:
if later on you want to open / close a specific item you could do it like so:
ExpandingMenu.openItem(3); // toggles item 3 (zero-based indexing)
ExpandingMenu.openItem(3); // toggles item 3 (zero-based indexing)
*/
*/
-
 
-
$('#trigger_list').find('li > a').bind('click', function(e) {
 
-
ExpandingMenu.openItem($(this).parent().index()-1);
 
-
return false;
 
-
});
 
-
 
});
});
         </script>
         </script>
     </body>
     </body>
</html>
</html>

Latest revision as of 12:35, 22 September 2014

Bootstrap 101 Template

Expanding Image Menu with jQuery

Expanding Image Menu with jQuery

feat. Automatic Redial by Robert Bejil Photography

  • Gary

    Vocals

    A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

    I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.

  • David

    Guitar

    A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

    I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.

  • Andrew

    Bass

    A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

    I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.

  • Sean

    Drums

    A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

    I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.

  • Marc

    Guitar

    A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

    I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.

  • Matt

    Guitar

    A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

    I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.

Retrieved from "http://2014.igem.org/Team:CityU_HK/Team/Member_testing"