Team:CityU HK/Team/Member testing

From 2014.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 10: Line 10:
     <link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/Team/Member_testing_css1?action=raw&ctype=text/css" type="text/css" />
     <link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/Team/Member_testing_css1?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_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=Rock+Salt' rel='stylesheet' type='text/css' />
Line 17: Line 19:
     <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 156: Line 148:
</div>
</div>
</div>
</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>
Line 163: Line 156:
        
        
  <script type="text/javascript">
  <script type="text/javascript">
-
(function() {
+
$(function() {
var $menu = $('#ei_menu > ul'),
var $menu = $('#ei_menu > ul'),
$menuItems = $menu.children('li'),
$menuItems = $menu.children('li'),
Line 296: 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"